jQuery：如何检查选定的下拉项是否已经在文本框列表中？答案

【问题标题】：jQuery: How do you check to see if a selected dropdown item is already in a textbox list?jQuery：如何检查选定的下拉项是否已经在文本框列表中？
【发布时间】：2014-09-04 16:33:06
【问题描述】：

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

我想让 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 关键字没有任何运气。有什么想法吗？

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

试试这个：

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

【讨论】：

就是这样！谢谢！一旦我比较了解决它的值。
如果该值是复杂的/未经检查的，那么您必须在将其放入选择器字符串之前对其进行转义。更多信息：api.jquery.com/category/selectors

【解决方案2】：

保留一个数组并将所有值放入其中。然后，您可以使用该数组轻松验证您的文本框值。或者你必须使用 DOM 迭代来获取所有选项标签值。

【讨论】：