0

私はこれを持っています…</p> 

<select class="wr-dropdown">
    <option selected="" value="Navigation">Navigation</option>
    <option value="something">Something</option>
    <option value="something">Something</option>
    …
</select>

ドロップダウンをクリックすると、最初のオプション「ナビゲーション」を非表示にしたい...選択が行われたとき、またはドロップダウンが閉じられたときに、もう一度表示したい。

それ、どうやったら出来るの？

4

3 に答える 3

2

select が次のように開かれているときに、オプションの最初の要素を非表示にするために、プレーン HTML を使用できます。

<select name="list">
<option selected="selected" hidden>First Element</option>
<option>Second Element</option>
<option>Third Element</option>

</select>

これが実際のフィドルです: https://jsfiddle.net/sujan_mhrzn/y5kxtkc6/

于 2016-07-28T07:40:38.263 に答える
0 
$("select").focus(function(){  
    $(this).find("option").eq(0).remove(); 
 })
$("select").blur(function(){ 
    $(this).prepend("<option selected='selected'>Navigation</option>");
})

これは機能します。

これがフィドルです：http：//jsfiddle.net/klatzkaj/38tpv/

于 2013-01-23T21:28:14.547 に答える
0

2 番目のオプションが Andrews Method で選択ボックスにジャンプする方法が気に入らない場合は、これが良い例です。次のようなことができます。

 $("select").focus(function(){  
    $(this).find("option").eq(0).html(''); 
 })
$("select").blur(function(){ 
   $(this).find("option").eq(0).html('Navigation');
})
于 2013-01-23T22:02:07.660 に答える