jQuery_jquery を使用して選択ドロップダウン ボックスをシミュレートする簡単なサンプル コード

多くの場合、アーティストはデフォルトの選択ドロップダウン ボックス (特に右側のドロップダウン矢印ボタン) が醜いと感じており、通常、このボタンの代わりにカスタム アイコンを使用することを好みます。このように、js div を使ってシミュレーションするしかありません。苦労した結果、jQuery でシミュレーションしました。もちろん、インターネット上にはそのような記事がたくさんありますが、探すのが面倒です
。

コードをコピー コードは次のとおりです:

   
   
   
   
   
< /head>

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

• SH 上海
  
• BJ 北京


• HZ 杭州


• WH 武汉< /a>


• ニュージャージー州南京


• < ;a href="javascript:void(0)">WX 無锡

< input type="text" value="" id="txt_city2" class="input_expand" /> href="#" onclick="showExpand('txt_city2','city_select2','expand' )">▼

• CN 中文


• 英語 英語< /li>
  
• JP 日本


• RA 俄语


• FA 法语


• 00 其它

無图無真実、真実在此处：

不足之处：
1、按键盘上下键時、高輝度の自動移動
2がありません、文字入力自動濾過結果時、相対的に原生的な選択を感じますいくつかの不自然