Simple sample code to simulate select drop-down box with jQuery_jquery

Many times, artists find the default select drop-down box ugly (especially the drop-down arrow button on the right), and they usually like to use a custom icon to replace this button. In this way, I can only use js div to simulate it. After a lot of trouble, I simulated it with jQuery. Of course, there are many such articles on the Internet, but I am too lazy to look for it

Copy code The code is as follows:

   
   
   
   
   


   

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

           

               
• SH 上海

               
• BJ 北京

               
• HZ 杭州

               
• WH 武汉

               
• NJ 南京

               
• WX 无锡

           

       

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

           

               
• CN 中文

               
• EN 英语

               
• JP 日本

               
• RA 俄语

               
• FA 法语

               
• 00 其它

           

       

  

  

  
  

  
   

无图无真相，真相在此：

不足之处：
1、按键盘上下键时，没有高亮的自动移动
2、键入文字自动过滤结果时，感觉相对原生的select有些不自然