如何使用select2或任何其他js在select中使用选项值进行搜索

Question

我正在寻找有关如何使用选项值而不是选项名称进行搜索的帮助。

这是示例：

<select name="example" id="example">
    <option value="1">A</option>
    <option value="2">B</option>
    <option value="3">C</option>
    <option value="4">D</option>
    <option value="5">E</option>
    <option value="6">F</option>    
</select>

我想用值 1 或 2 或 3 等搜索，而不是用 A、B、C、D、E..

在这方面的任何帮助都非常有用或具有此类功能的任何库。

谢谢

Answer 1

您可以使用带有单行表达式的纯 javascript 实现通过addEventListener()获取select值的结果，例如，

 const select = document.getElementById('example'); select.addEventListener('change',() => console.log(select.value))

 <select name="example" id="example"> <option value="1">A</option> <option value="2">B</option> <option value="3">C</option> <option value="4">D</option> <option value="5">E</option> <option value="6">F</option> </select>

Answer 2

1. 您应该收听有关example更改的事件

2. 您将获得所选选项的值，如下所示

 $("#example").on("change", function(){ var value = $(this).find("option:selected").val(); console.log(value); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select name="example" id="example"> <option value="1">A</option> <option value="2">B</option> <option value="3">C</option> <option value="4">D</option> <option value="5">E</option> <option value="6">F</option> </select>