js模糊查询select内容│动态JS

liguoquan

2025年1月22日 11:48 本文热度 369

：js模糊查询select内容

示例代码：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<option value="apple">Apple</option>

<option value="banana">Banana</option>

<option value="orange">Orange</option>

<option value="grape">Grape</option>

</select>

</body>

function filterSelect() {

var input, filter, select, options, i, txtValue;

input = document.getElementById("searchInput");

filter = input.value.toUpperCase();

select = document.getElementById("mySelect");

options = select.getElementsByTagName("option");

// Loop through all options, and hide those who don't match the search query

for (i = 0; i < options.length; i++) {

txtValue = options[i].textContent || options[i].innerText;

if (txtValue.toUpperCase().indexOf(filter) > -1) {

options[i].style.display = "";

} else {

options[i].style.display = "none";

}

</script>

</html>

该文章在 2025/1/22 11:48:04 编辑过

关键字查询

正在查询...