我有一个选择框位于其中，它还包含一个输入，我想通过它找到必要的项目。我像这样进行了搜索，首先我接受一个数组，然后将其小写并搜索匹配项。不知何故，我需要匹配所需的 ID 以排除不可用的 ID 并显示必要的复选框
\n简单来说，我想过滤我的查询并实时显示它。
\n我必须只使用 vanila JS
\nlet search = document.getElementById("search");\nlet s = document.querySelectorAll("input[type=checkbox][name=one]");\n\n//s.forEach((item) => {\nsearch.addEventListener("input", () => {\n let data = [];\n\n let count = Array.from(s).map((i) => i.value.toLowerCase().includes(search.value.toLowerCase()));\n\n console.log(count);\n\n});\n//});label { display: block; }<div id="checkboxes2">\n <div class="control">\n <input class="input" type="text" placeholder="\xd0\x9f\xd0\xbe\xd0\xb8\xd1\x81\xd0\xba" id="search" />\n <span class="icon is-small is-left">\n <span class="searchIcon"></span>\n </span>\n </div>\n <label for="one2" class="select_label">\n <input type="checkbox" value="\xd0\x9f\xd0\xbe\xd0\xba\xd0\xb0\xd0\xb7\xd0\xb0\xd1\x82\xd1\x8c \xd0\xb2\xd1\x81\xd0\xb5" name="one" id="one2" />\xd0\x9f\xd0\xbe\xd0\xba\xd0\xb0\xd0\xb7\xd0\xb0\xd1\x82\xd1\x8c \xd0\xb2\xd1\x81\xd0\xb5\n <span class="select_label-icon"></span\n ></label>\n <label for="one2" class="select_label">\n <input …