在HTML中创建一个下拉菜单,使用<select>
标签,并填充选项使用<option>
标签。例如
<select id="mySelect">
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
<option value="4">选项4</option>
<option value="5">选项5</option>
</select>
添加一个输入框,用于搜索选项,例如
<input type="text" id="myInput" οnkeyup="filterOptions()" placeholder="搜索...">
添加一个JavaScript函数filterOptions()
,用于筛选选项并更新下拉菜单。这个函数应该在输入框中输入任何内容时都会调用。例如
function filterOptions() {
var input, filter, select, options, i, option;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();