这个是我用了三天的时间做出来,虽然在自己的项目中没有用到,但是感觉还是挺有成就感的,好东西就应该分享一下。。
div style="position:relative";>
学院:
上海
廊坊
北京
广州
深圳
window.onload = function() {
var txtSearch = document.getElementById("txtSearch");
var selType = document.getElementById("academy").options;
var List = [];
for (var i = 0; i < academy.length; i++) {
List[i] = academy[i].value + "|" + academy[i].text;
}
txtSearch.onclick = function() {
var Html = "";
if (!(txtSearch.value.length < 1)) {
academy.length = 0;
for (var i = 0; i < List.length; i++) {
if (List[i].indexOf(txtSearch.value) > -1) {
academy.add(new Option(List[i].split("|")[1], List[i].split("|")[0]));
}
}
}
txtSearch.value="";
};
}
如果觉得《html 下拉框模糊查询 【JavaScript】Select下拉列表 可输入的模糊查询》对你有帮助,请点赞、收藏,并留下你的观点哦!