javascript - 如何在同一类的多个选择标签中仅添加唯一选项？

Question

我需要动态添加选项到选择标签。我将从文件中获取这些选项。表单中可以有多个选择。现在我需要检查同一类中的所有选择如果它没有我从文件中获取的选项那么我需要将该选项添加到该特定选择中。

var name = $(this).attr('name');
$('.slct').each(function(){
    if($('this option[value="'+name+'"]').length==0)
    {
        $('<option>').val(name).text(name).appendTo(this);
    }
});

当我尝试上面的代码时，选项变得重复。例如我有 3 个选择标签。在第一个标签中，我有一个名为 option1 的选项，其余两个标签为空。然后执行这段代码之后。第一个 select 标签包含 option1 两次，其余两个标签仅包含一次。有人可以告诉我该怎么做吗？我是 jquery 新手。

Answer 1

您可以使用find()来检查select中是否存在具有特定值的选项>这样:

if($(this).find('option[value="'+name+'"]').length==0)
{
    $('<option>').val(name).text(name).appendTo(this);
}

fiddle 演示:

http://jsfiddle.net/3Lkv638x/1/