刪除選項fom選擇使用Jquery

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() selector -

: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(); 

Working demo

注：這是更好，如果你給一個ID你select元素。

Answer 3

給你選擇一個ID（唯一的），使用id選擇來獲得選擇元素。並使用:contains選擇

$(function(){ 
    $('#givenSelectID option:contains("Grape")').remove(); 
}); 

Answer 4

檢查JS的小提琴

http://jsfiddle.net/CZL2y/

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