javascript - jQuery:如何检查选定的下拉项是否已在文本框列表中？

Question

我在选择/选项框的左侧有一个下拉框。

我希望 jquery 检查该项目是否已按值存在。每个选项的值不会按任何顺序排列。

文本框:

<select id="selectbox">
    <option value="20:32">Something1</option>
    <option value="103:16">Something2</option>
</select>

下拉列表将包含一个也共享相同值的项目列表。

有没有办法做这样的事情:

    $("#boxbutton").click(function () {   
       if (('#dropdownbox :selected').val() doesn't exist inside #selectbox list)
       {
           ...add dropdownbox item;  
       } else { do nothing };
    });

我想确保该函数正在检查整个选择框值列表，而不是选择框中选定/突出显示的条目。文本框并不总是具有选定的条目，无论如何都需要进行检查。

当用户转到下拉框以向选择框中添加另一个条目时，它应该重复搜索。

使用 .length 关键字没有任何运气。有什么想法吗？

Answer 1

试试这个:

var value = $('#dropdownbox').val(); // :selected is unnecessary
var hasValue = ( $('#selectbox option[value="'+value+'"]').size() > 0 );