web-dev-qa-db-ja.com

オプションのテキスト/値を指定して、ドロップダウンリストからオプションを削除するjQuery

ドロップダウンリストがあり、その特定のオプションのテキスト/値を指定して、そこからオプションを削除したいと思います。 jQueryを使用することは可能ですか?ドロップダウンリストにオプションを追加する「追加」のように、オプションを削除する機能はありますか?

私はそれを検索しようとしましたが、私が得たのは、ドロップダウンリストのオプションセット全体が削除される例だけでした。

乾杯

62
Arnkrishn

$("option[value='foo']").remove();

またはそれ以上(ページに選択項目が少ない場合):

$("#select_id option[value='foo']").remove();

144
Y. Shoham

ドロップダウン要素をローカライズしたら

dropdownElement = $("#dropdownElement");

を見つける <option> JQueryを使用する要素 属性セレクター

dropdownElement.find('option[value=foo]').remove();
20
Elvis Ciotti
_$('#id option').remove();
_

これにより、ドロップダウンリストがクリアされます。値を選択してクリアする場合は、$("#id option:selected").remove();

2
Raj Kumar

私はそれが非常に遅いことを知っていますが、次のアプローチも使用できます:

<select id="type" name="type" >
    <option value="Permanent" id="permanent">I am here to stay.</option>
    <option value="toremove" id="toremove">Remove me!</option>
    <option value="Other" id="other">Other</option>
</select>

2番目のオプション(id = toremove)を削除する必要がある場合、スクリプトは次のようになります

$('#toremove').hide();
0
Mahmood