<form name="f1">
<select name="kkk">
<option value="1">abc</option>
<option value="2">项目一</option>
<option value="3">123</option>
</select>
<input name="p1" type="text"><input name="" type="button" onclick="showIt( kkk , p1 )">
</form><Script>
function showIt( which , oInput ){
obj = which.options
str = oInput.value
for( var i = 0 ; i < obj.length ; i ++ ){
if( obj[i].innerText.replace(str,'') != obj[i].innerText ){
 obj[i].style.background="yellow"
}else{
obj[i].style.background="none"
}
}
}
</Script>

解决方案 »

  1.   

    <select id="myslt" size="6">
    <option value="a">a</option>
    <option value="b">b</option>
    <option value="c">c</option>
    <option value="abc">abc</option>
    </select><input id="mytxt" onchange="alertlist()" onkeyup="alertlist()"/>
    <script language="JavaScript">
    <!--
    function alertlist() {
     var myslt = document.getElementById("myslt");
     var mytxt = document.getElementById("mytxt");
     var myop = myslt.options;
     var kmax = myop.length, k=0;
     var rexp = new RegExp("^" +mytxt.value);
     var opt;
     while(k<kmax) {
      myop[k].style.color=(rexp.test(myop[k].text)?"#f00":"#000");
      myop[k].style.backgroundColor=(rexp.test(myop[k].text)?"#0ff":"#fff");
      if(!opt && rexp.test(myop[k].text)) opt = myop[k];
      k++;
     }
     if(opt) opt.selected = true;
    }
    //-->
    </script>