jQuery从select中删除选项

Question

我有一个包含5个选项的页面,它们都有一个类名'ct'.我需要在运行onclick事件时从每个选择中删除值为"X"的选项.我的代码是:

$(".ct").each(function() {
    $(this).find('X').remove();
   });

我哪里错了？

Answer 1

试试这个:

$(".ct option[value='X']").each(function() {
    $(this).remove();
});

或者更简洁,这也会起作用:

$(".ct option[value='X']").remove();

Answer 2

$('.ct option').each(function() {
    if ( $(this).val() == 'X' ) {
        $(this).remove();
    }
});

要不就

$('.ct option[value="X"]').remove();

主要的是find采用一个选择器字符串,通过喂它x你正在寻找名为的元素x.

Answer 3

find()采用选择器,而不是值.这意味着您需要以与使用常规jQuery函数($('selector'))相同的方式使用它.

因此你需要做这样的事情:

$(this).find('[value="X"]').remove();

请参阅jQuery 查找文档.

Answer 4

它适用于选项标签或文本字段：

$("#idname option[value='option1']").remove();

Answer 5

如果选项值没有可用的 id 或 class，则可以从下拉列表中删除所有值，如下所示

$(this).find('select').find('option[value]').remove();