ajax模糊查询下拉框,JS Select下拉框(支持输入模糊查询)

varselValue=document.createElement("div");

varselText=document.createElement("div");

selText.value=src(i).value;

selText.innerHTML=src(i).text;

if (src(i).text.toLowerCase().indexOf(obj.value.toLowerCase())==0){

selText.setAttribute("id","selText"+n);

selText.οnmοuseοver=function(){

this.style.backgroundColor='#003399';

this.style.color='#ffffff';

}

selText.οnmοuseοut=function(){

this.style.backgroundColor='#ffffff';

this.style.color='#000000';

}

selText.οnclick=function(){

document.all.box2.value=this.innerHTML;

msg.style.display="none";

document.getElementById("txtSection").value=this.value;

}

msg.appendChild(selText);

n++;

}

}

}

else {

document.all.msg.style.display="none";

}

}

else {

//press down key

if(event.keyCode==40){

j++;

for (vari=0; i{

tmpObj=document.getElementById("selText"+i);

if(tmpObj != null){

tmpObj.style.backgroundColor='#ffffff';

tmpObj.style.color='#000000';

}

}

tmpObj=document.getElementById("selText"+j);

if(tmpObj != null){

tmpObj.style.backgroundColor='#003399';

tmpObj.style.color='#ffffff';

}else{

j=0;

}

}

//press up key

if (event.keyCode==38){

j--;

for (vari=0; i{

tmpObj=document.getElementById("selText"+i);

if(tmpObj != null){

tmpObj.style.backgroundColor='#ffffff';

tmpObj.style.color='#000000';

}

}

tmpObj=document.getElementById("selText"+j);

if(tmpObj != null){

tmpObj.style.backgroundColor='#003399';

tmpObj.style.color='#ffffff';

}else{

j=2;

}

}

//press enter key

if (event.keyCode==13){

tmpObj=document.getElementById("selText"+j);

document.all.box2.value=tmpObj.innerHTML;

msg.style.display="none";

document.getElementById("txtSection").value=tmpObj.value;

}

}

}

function SelMatch(src)

{

varcurrSel=document.all.box2.value;

for (vari=0;iif (src(i).text==currSel)

{

src.options(i).selected=true;

}

}

}

function NoMsg()

{

if(document.activeElement.id=="msg")

return false;

else

document.all.msg.style.display='none';

}

查询

ALL

管理者1

管理者2

管理者3

业务员3

业务员3

13

103

width:230px;position:absolute;left:0px;top:20px;display:none">