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

您可以使用包含选择器和删除功能。

$('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();
});

Answer 4

给你的选择一个 id(unique)，使用 id 选择器来获取选择元素。并使用:contains选择器

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