function autosuggestMatch(sText,arrValues) { var arrResult=new Array; if(sText!="") { for(var i=0;i<arrValues.length;i++) { if(arrValues[i].indexOf(sText)==0) { arrResult.push(arrValues[i]); } } } return arrResult; }
function autosuggest(oTextbox,arrValues,sListboxId) { var oListbox=document.getElementById(sListboxId); for(var i=oListbox.options.length-1;i>=0;i--) { oListbox.remove(i); } var arrMatches= autosuggestMatch(oTextbox.value,arrValues); for(var i=0;i<arrMatches.length;i++) { var op=document.createElement("option"); op.appendChild(document.createTextNode(arrMatches[i])); op.setAttribute(arrMatches[i],arrMatches[i]); oListbox.appendChild(op); } }
var arrColors=["red","orange","yellow","blue","red1"]; arrColors.sort();
function setText(oListbox,sTextboxId) { var otextbox=document.getElementById(sTextboxId); if(oListbox.selectedIndex>-1) { otextbox.value=oListbox.options[oListbox.selectedIndex].text; } } </script>
</head> <body> <form id="form1" runat="server"> <div> <input type="text" value="" id="ce" οnkeyup="autosuggest(this,arrColors,'ggg')" /> <select id="ggg" οnclick="setText(this,'ce')"> </select>