300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > html 下拉框模糊查询 【JavaScript】Select下拉列表 可输入的模糊查询

html 下拉框模糊查询 【JavaScript】Select下拉列表 可输入的模糊查询

时间:2019-05-25 22:40:55

相关推荐

html 下拉框模糊查询 【JavaScript】Select下拉列表 可输入的模糊查询

这个是我用了三天的时间做出来,虽然在自己的项目中没有用到,但是感觉还是挺有成就感的,好东西就应该分享一下。。

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="";

};

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。