js实现带搜索功能的下拉框实时搜索实时匹配

您所在的位置:网站首页 html5搜索框下拉 js实现带搜索功能的下拉框实时搜索实时匹配

js实现带搜索功能的下拉框实时搜索实时匹配

#js实现带搜索功能的下拉框实时搜索实时匹配| 来源: 网络整理| 查看: 265

测试 function onku() { //获得input输入框的内容 var shuru = document.getElementById('ccdd').value; var object = document.getElementsByTagName('select'); var obj = object[0]; //如果输入的内容为空,所有的选项都匹配 if(shuru!= '') { //alert(shuru); //获得option中的所有内容 var allText = getSelectText(); //alert(allText); // 每个option的内容分割开来 var eachOptin = new Array(); eachOptin=allText.split(","); //字符分割 var f = 1; for (i=1;i=0) { //alert(i); //将index为f的option重新新增一遍,显示在最后 obj.options.add(new Option(obj[i].innerText,obj[f].value)); //将编号为f的option重新赋值,赋值为符合条件的第一个option obj.options[f]=new Option(eachOptin[i],eachOptin[i]); //删除最初存在的符合条件的option obj.remove(i); f++; } } } } function getSelectText() { //获得所有select标签 var object = document.getElementsByTagName('select'); //因为该html中只有一个select标签,所以就是name = "aabb"代表的标签 var obj = object[0]; //alert(obj.length); //alert(obj[0]); //保存所有option 的值 var allText; for(i=0;i


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3