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

insert title here

function selectvalue(obj)

{

document.all.box2.value = obj.options[obj.selectedindex].text;

}

var j = 0;

function inputvalue(obj)

{

var n = 1;

var tmpobj;

var src = document.all.selectoption;

var msg = document.all.msg;

if(event.keycode != 40 && event.keycode != 38 && event.keycode != 13){

if(obj.value!=""){

msg.style.display="";

msg.innerhtml="";

if(msg.haschildnodes())

{

msg.childnodes[0].parentnode.removechild(msg.childnodes[0]);

}

for (var i=0;i

var selvalue = document.createelement("div");

var seltext = 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 (var i=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 (var i=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)

{

var currsel = document.all.box2.value;

for (var i=0;i

if (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