javascript - 如何使用 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

可以通过addEventListener()来实现获取select值的结果使用纯 JavaScript 和单行表达式，例如，

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>