前端下拉框能支持手动输入_js实现带搜索功能的下拉框实时搜索实时匹配

1. 当select输入框中每输入一点内容的时候，在option中找出与内容匹配的选项显示在option的前面选项中。

2. 如何获取每次输入的内容，当keyup的时候触发函数。

问题：select标签中可以输入内容吗？(解决：另一篇文章可选择和输入的下拉列表框 )

3. 如何获得输入框中的内容？(解决，在输入框上添加onkeyup时间触发的函数用js获得)

4. 如何匹配？(解决)

4.1 如何获得所有option中的内容？(解决)

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

{

allText += obj[i].innerText+','; //关键是通过option对象的innerText属性获取到选项文本

}

return allText;

}

4.2 js分割字符串？(解决)

var allText = getSelectText();

//