jquery - 使用 jQuery 从下拉列表中删除选项？

Question

我用过：

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

它给了我警报消息，但该值没有从下拉列表中删除。

我的代码中有明显的错误吗？你能告诉我如何正确实施吗？

Answer 1

我认为您正在尝试通过下拉文本而不是值来删除。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();       
});​

Answer 2

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

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

Answer 3

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

在这里查看：http: //jsfiddle.net/jfSHP/1/