从使用Jquery的Select中删除选项

时间:2013-09-24 10:03:32

标签: jquery html select

<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>

我有String&#34; Grape&#34;结果输出应该是这样的。

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

怎么做?

4 个答案:

答案 0 :(得分:1)

您需要使用jQuery :contains() selector -

  

:contains() - 选择包含指定文字的所有元素。

例如:

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

答案 1 :(得分:0)

您可以使用 contains 选择器和remove功能。

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

Working demo

注意:如果您为ID元素提供select,那就更好了。

答案 2 :(得分:0)

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

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

答案 3 :(得分:0)

检查Js小提琴

http://jsfiddle.net/CZL2y/

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