4

私は次のHTMLを持っています:

<select>
    <option value="0">Remove Me</option>
    <option value="1">Test 1</option>
    <option value="2">Test 2</option>
    <option value="3">Test 3</option>
    <option value="4">Test 4</option>
    <option value="5">Test 5</option>
</select>

そして、ユーザーが選択をクリックすると、値が「0」のオプションが削除されます。これは私が使用しているjQueryスクリプトです:

$('select').on('click',function(){
    $(this).find('option[value="0"]').remove();
});     

これは Firefox と IE(10,9,8) では機能しますが、Chrome ではオプションを削除すると、最後のオプションが次のように複製されます。

ここに画像の説明を入力

選択をもう一度クリックすると、展開すると、重複したオプションがなくなります。そもそも FireFox のようにこれが機能しないのはなぜですか?

これは私の問題のフィドルです - http://jsfiddle.net/FN5jL/1/

4

1 に答える 1