html选择框加模糊查找 input selec下拉框模糊查询

inputselec下拉框模糊查询

1.[代码][JavaScript]代码

//1 初始化时候,先将数据存入数组

var TempArr = [];// 存贮option

var SelectObj = document.frm.elements["demo"]

/* 先将数据存入数组 */

with (SelectObj){

for (i = 0; i < length; i++){

TempArr[i] = [ options[i].text, options[i].value ]

}

}

//2

function SelectTip(flag) {

var TxtObj = document.frm.elements["txt"]

var SelectObj = document.getElementById("demo")

var Arr = []

with (SelectObj) {

var SelectHTML = innerHTML.match(/]*>/)[0]

for (i = 0; i < TempArr.length; i++)

if (TempArr[i][0].indexOf(TxtObj.value) == 0 || flag)// 若找到以txt的内容开头的，添option。若flag为true,对下拉框初始化

Arr[Arr.length] = ""

+ TempArr[i][0] + ""

innerHTML = SelectHTML + Arr.join() + ""

}

}

//3

1111

22

33