使用javascript/jQuery在选择框中搜索值

search for values in select box using javascript/jQuery

本文关键字：搜索 选择 javascript jQuery 使用      更新时间：2023-09-26

我正在尝试搜索HTML选择中的选项，以找到哪些选项的值与数组中的任何元素匹配

例如，我有一个整数值数组，如下所示：

var arrTaken = [641, 640];

我有一个这样的选择元素：

<select id="Substance3" name="Substance_3">
<option value="640">A</option>
<option value="641">B</option>
<option value="642">C</option>
<option value="643">D</option>
<option value="644">E</option>
</select>

然后我循环浏览select上的选项，试图找到任何匹配的元素值：

$('#Substance3 > option').each(function(index, element)
{
    console.log('current element value is: ' + element.value);
    var index = arrTaken.indexOf(element.value);
    console.log('element is at index: ' + index);
});

问题是索引返回为-1，这意味着在数组中找不到该值。然而，尝试

var index = arrTaken.indexOf(640);

工作

我在这里做错了什么？

首先将值转换为数字：

 var index = arrTaken.indexOf(+element.value);
 //                           ^ unary plus

.indexOf使用严格相等比较（与===相同）。element.value返回一个字符串，而您的数组包含数字。

DEMO

将数组声明为此

var arrTaken = ['641', '640'];
相关文章：