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