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

 

你可能感兴趣的:(-----JavaScript,JavaScript)