jquery - Jqueryを使用してSelectからオプションを削除する

Question

<select>
    <option value="Value 1">Apple</option>
    <option value="Value 2">Mango</option>
    <option value="Value 3">Grape</option>
    <option value="Value 4">Banana</option>
</select>

そして、文字列「ブドウ」があり、結果出力は次のようになります。

<select>
    <option value="Value 1">Apple</option>
    <option value="Value 2">Mango</option>
    <option value="Value 4">Banana</option>
</select>

どうやってするか？

Answer 1

jQuery:contains()セレクターを使用する必要があります-

:contains()- 指定したテキストを含むすべての要素を選択します。

例えば：

var txt = "Grape";
var element = $( "#selectElement option:contains('"+ txt +"')" );
element.remove(); // now just remove it

Answer 2

containsセレクターとremove関数を使用できます。

$('select option:contains(Grape)').remove();

ワーキングデモ

注:ID要素に を指定した方がよいでしょうselect。

Answer 3

Js フィドルを確認する

http://jsfiddle.net/CZL2y/

$(document).ready(function() {
 var txt = "Grape";
var element = $( "select option:contains('"+ txt +"')" );
element.remove();
});