如何实现带搜索功能的select标签

js模糊查询 定位select 下拉框

//功能：快速定位select中内容的方法

//描述：当txt中的内容变化时，下拉框的内容跟着定位。比如当在input中录入a时，select中定位到第一个有a开头的元素。

// 该方法是为选择炉号、选择钢号、选择生产号三个select元素用的。

//参数：selectName是select元素的名字，inputText是input中已经录入了的内容。

function txtOnChange(selectName,inputText){

if (selectName.selectedIndex!=-1){

selectName.options(selectName.selectedIndex).selected = false

}

/*当selectName长度不固定时，短selectName的定位*/

for (i=0i<selectName.options.lengthi++){

if (selectName.options(i).text == inputText){

selectName.options(i).selected = true

return

}

}

for (i=0i<selectName.options.lengthi++){

if (selectName.options(i).text.indexOf(inputText)!=-1){

selectName.options(i).selected = true

return

}

}

}

//功能：当text得到焦点时，清空内容

//描述：同上

//参数：oText，触发该函数的text元素。

function txtOnfocus(oText){

oText.value=""

}

文本框使用 onkeyup事件

//---select_obj：要添加的对象；text：显示的文字；value：对应的值；n：是否增加后为选中，大于1是；

function addOption(select_obj,text,value,n)

{

select_obj.options.add(new Option(text,value))

if (n>0)

{ select_obj.selectedIndex = select_obj.options.length-1}

}

//2.向select选项中 加入一个Item

function jsAddItemToSelect(objSelect,objItemText,objItemValue)

{

//判断是否存在

if(jsSelectIsExitItem(objSelect,objItemValue))

{

alert("该Item的Value值已经存在")

}

else

{

var varItem = new Option(objItemText,objItemValue)

// objSelect.options[objSelect.options.length] = varItem

objSelect.options.add(varItem)

alert("成功加入")

}

}

---