1

html selectに3つのオプション、つまりselect、Male、Femaleがあると仮定します。クリックすると、selectを「」に置き換えます。

私が試した以下のコード。

<select id="ageID">
    <option value="none" >loading...</option>
    <option value="one" >one</option>
    <option value="two">two</option>
    <option value="three">three</option>
</select>  

$("#ageID").on("click",function(){

    $(this).children().first().remove();
    $(this).children().first().before(" <option value='none' > </option>");

});

グーグルクロームでは完璧に動作しますが、モジラやIEでは動作しません。http://jsfiddle.net/を使用して実行してみることができます 解決策を提供してください

4

5 に答える 5

0

私はあなたがこのようなものが欲しいと思います

$("#ageID").on("click",function(){

    $(this).children().first().remove();
    $(this).prepend("<option value='' ></option>");

});
于 2013-02-11T12:05:32.783 に答える
0

あなたはこれを行うことができます ：

$("#ageID").on("click focus",function(){
    this.options[0].text='';
});

デモンストレーション

focusできるだけ早く変更を加えたいと思ったので、イベントを追加しました（これは、のみの場合には当てはまりませんclick）。

于 2013-02-11T10:53:28.277 に答える
0

これを試して：

$("#ageID").on("click",function(){

    $(this).children().first().remove();
    $(this).children().first().before('<option value="none"> </option>');

});
于 2013-02-11T10:55:32.927 に答える
0

これを試してみませんか：

$("#ageID").on("click",function(){
    $('option:first',this).text('');
});
于 2013-02-11T11:02:17.913 に答える
-1

単純なCSSでこれを模倣できます。

フィドル： http： //jsfiddle.net/E4ah9/

HTML

<select id="ageID">
    <option value="none" disabled selected class="placeholder">loading...</option>
    <option value="one" >one</option>
    <option value="two">two</option>
    <option value="three">three</option>
</select>

CSS

.placeholder { display: none; }
于 2013-02-11T10:57:48.940 に答える