jquery - 我怎样才能独特地添加选项来使用jquery进行选择

Question

我在 <select> 中有很多独特的选项。仅当新选项是唯一的且不存在于现有选项中时，我才需要添加新选项。

如何查找给定的 option已存在于给定的 select 中使用jquery？

例如:

<select id="combobox">
    <option value="">Select one...</option>
    <option value="Apple">Apple</option>
    <option value="Banana">Banana</option>
    <option value="Pears">Pears</option>
</select>

• 新的有效选项:Pear
• 新的无效选项:Apple

Answer 1

if (!$("#combobox option[value='Apple']").length)
    // Add it

使其可重用可以:

if (!$("#combobox option[value='" + value + "']").length)
    // Add it

Live DEMO

不区分大小写:

var isExist = !$('#combobox option').filter(function() {
    return $(this).attr('value').toLowerCase() === value.toLowerCase();
}).length;​

完整代码:(演示的)

$('#txt').change(function() {
    var value = this.value;

    var isExist = !!$('#combobox option').filter(function() {
        return $(this).attr('value').toLowerCase() === value.toLowerCase();
    }).length;

    if (!isExist) {
        console.log(this.value + ' is a new value!');
        $('<option>').val(this.value).text(this.value).appendTo($('#combobox'));
    }
});​

Live DEMO