用jQuery模拟select下拉框的简单示例代码

很多时候,美工会觉得默认的select下拉框很难看(特别是右侧的下拉箭头按钮),他们通常喜欢用一个自定义的图标来代替这个按钮。这样就只能用 js + div 来模拟了,倒腾了一番,用jQuery模拟了下,当然网上这种文章也不少,只是懒得去看找

复制代码 代码如下:




   
    自己实现的下拉框
   
   
   


   

                    href="#" onclick="showExpand('txt_city','city_select1','expand')">�
       

           
       


                    href="#" onclick="showExpand('txt_city2','city_select2','expand')">�
       

           
       

  

  

  
  

  
   





无图无真相,真相在此:
用jQuery模拟select下拉框的简单示例代码_第1张图片
不足之处:
1、按键盘上下键时,没有高亮的自动移动
2、键入文字自动过滤结果时,感觉相对原生的select有些不自然

你可能感兴趣的:(用jQuery模拟select下拉框的简单示例代码)