使用jQuery从下拉列表中删除选项?

时间:2012-05-30 09:53:17

标签: jquery debugging list drop-down-menu

我用过:

jQuery(document).ready(function() {
    alert(jQuery('#FormField_11').html());
    jQuery("#FormField_11 option[value='Afghanistan']").remove();
});

它正在向我发出警告消息,但该值不会从下拉列表中删除。

我的代码中是否有明显错误? 你能告诉我如何正确实现这个吗?

3 个答案:

答案 0 :(得分:0)

上面的代码也可以正常工作,但试试这个:

$("#FormField_11").find("option[value='Afghanistan']").remove(); 

答案 1 :(得分:0)

您发布的代码有效。所以我猜测你可能在'阿富汗'选项中有前导/尾随空格。

点击此处:http://jsfiddle.net/jfSHP/1/

答案 2 :(得分:0)

我认为你试图通过文本删除下拉而不是值。 Demo on JsFiddle

按文字删除

<select id="FormField_11">
    <option value="foo">Afghanistan</option>
    <option value="bar">China</option>
</select>   

jQuery("#FormField_11 option").each(function(){
   if($(this).text() == "Afghanistan")
       $(this).remove();       
});​