怎样实现在文本框输入所要的内容，在列表框中动态查找。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" type="text/css" href="../css/base1.css">
<script language="javascript" src="../common/parms.js"></script><SCRIPT LANGUAGE="JavaScript">
var ACProdArr = new Array()function Med(ID, PName, Url, lM) {
this.ID = ID
this.PName = PName
this.Url = Url
this.lM = lM
} ACProdArr[ACProdArr.length] = new Med(24,'sml','噻吗灵 [0.5g] sml','39');
ACProdArr[ACProdArr.length] = new Med(25,'sml','噻吗灵 [1.0g] sml','40');
ACProdArr[ACProdArr.length] = new Med(26,'ynt','尤尼泰 [2ml] ynt','41');
ACProdArr[ACProdArr.length] = new Med(27,'ynt','尤尼泰 [5ml] ynt','42');
ACProdArr[ACProdArr.length] = new Med(28,'ynx','尤尼雪 [12粒] ynx','43');
ACProdArr[ACProdArr.length] = new Med(29,'ynx','尤尼雪 [18粒] ynx','44');
ACProdArr[ACProdArr.length] = new Med(30,'yns','尤尼舒 [1ml:5000iu] yns','45');
ACProdArr[ACProdArr.length] = new Med(31,'ynx','尤尼欣 [20mg] ynx','46');
ACProdArr[ACProdArr.length] = new Med(32,'wst','韦司太 [2ml] wst','47');
ACProdArr[ACProdArr.length] = new Med(33,'wst','韦司太 [10ml] wst','48');

var Results;
var HTML;
function FindProduct(zone, event) {//根据键入的药品编码查找药品 Results = 0;
HTML = ""; resultDiv = document.getElementById('result');
resultTitleDiv = document.getElementById('resultTitle');
resultMessageDiv = document.getElementById('resultMessage');
resultListDiv = document.getElementById('resultList');
ACB = document.searchForm.search.value;

var mainNavStr = new String();
var mainUrlStr = new String();
var mainZoneStr = new String();
mainNavStr = zone;

if(mainNavStr.toLowerCase() == "ps"){
mainUrlStr = "ps1_1";
mainZoneStr = "ps1";
}
for (i=0; i< ACProdArr.length; i++) {
if(ACB.length > 0){
//if (mainUrlStr != "") {
if (ACProdArr[i].PName.toLowerCase().substr(0, ACB.length) == ACB.toLowerCase() || ACProdArr[i].PName.toLowerCase().indexOf(ACB.toLowerCase()) > -1) {
HTML += "\n<option value='"+ACProdArr[i].lM+"'>"+ACProdArr[i].Url;
//HTML += ACProdArr[i].PName + "<br />"
Results += 1;
}
/*
} else {
if (ACProdArr[i].PName.toLowerCase().substr(0, ACB.length) == ACB.toLowerCase() || ACProdArr[i].PName.toLowerCase().indexOf(ACB.toLowerCase()) > -1) {
HTML = HTML + "<a href='spg.jsp?cc=cn&amp;lc=zh&amp;ver=4000&template=" + ACProdArr[i].Url + "&zone="+ mainNavStr.toLowerCase() +"&lm=" + ACProdArr[i].lM + "&pid=" + ACProdArr[i].ID + "' class='link'>" + ACProdArr[i].PName + "</a><br />"
Results += 1;
}
}
*/
}
}

if (Results == 0){
resultDiv.style.display = 'block';
resultMessageDiv.style.display = 'block';
resultTitleDiv.style.display = 'none';
resultListDiv.style.display = 'none';
resultListDiv.innerHTML = "对不起，没有匹配的药品。";
}
else{

resultDiv.style.display = 'block';
resultMessageDiv.style.display = 'none';
resultTitleDiv.style.display = 'block';
resultListDiv.style.display = 'block';
resultListDiv.innerHTML = "<select name=medinfoid size='3' onchange=submit()>\n"+HTML+"</select>";
//resultListDiv.innerHTML = HTML;
}
}
</SCRIPT></head><body bgcolor="#f0f0f0">
<center><table width="100%" border="0" cellspacing="1" cellpadding="2" valign="top">
<FORM name='searchForm' id='searchForm' method='get' onsubmit='//return(submitProductFinder());'>
<tr>
<td width="60">药品编码：</td>
<td><input type='text' name='search' id='search' style='width:156;border:1px solid black;' onkeyup='FindProduct("ps", event)' onchange='FindProduct("ps", event)'>
<div align=right>创建人：李静</div></td>
</tr>
</FORM>
<form ENCTYPE="multipart/form-data" name="message" id="input_message" method="post" action="input_input_in_middle.php?inputinfopath=海南海灵/噻吗灵[1.0g]&inputinfoid=525" target="input_input_in_middle">
<input type="hidden" name="inputinfopath" value="海南海灵/噻吗灵[1.0g]">
<input type="hidden" name="inputid" value="489">
<input type="hidden" name="inputinfoid" value="525">
<input type="hidden" name="inputtype" value="2">
<tr>
<td valign=top><FONT COLOR="#FF1122">药品名称：</FONT></td>
<td>
<div id='result' style='display:block;'>
<div id='resultTitle' style='display:none;'><!-- 匹配产品 --></div>
<div id='resultList' style='display:block;'>
噻吗灵[1.0g](sml) </div>
<div id='resultMessage' style='display:none;'>对不起，没有匹配的产品。</div>
</div>
</td>
</tr>
</table>
</form>
</center>
</body>
</html><!-- 以上这段代码是我写地，通过输入药品名称的汉语拼音缩写，查找出药品名称。比如输入“s”显示噻吗灵，尤尼舒等药品，如果输入“ｗｓｔ”就显示韦斯太。这段代码是根据索尼爱立信网站上产品查询的代码改的，你可以去参考一下索爱中文网站。 -->

解决方案 »

  1.   

    <SCRIPT LANGUAGE="JavaScript">
    function chSelect(){
    var es=document.forms[0].elements
    var t1=es["t1"],s1=es["s1"],ops1=s1.options;
    var V=t1.value
    for(var i=0;i<ops1.length;i++){
    if(ops1[i].text.indexOf(V)==0){
    //s1.selectedIndex=i
    ops1[i].selected=true;
    return;
    }
    }
    }
    </SCRIPT><FORM METHOD=POST ACTION="">
    <INPUT TYPE="text" NAME="t1" size="10" maxlength="10" onpropertychange="if(event.propertyName=='value'){chSelect()}">
    <BR>
    <SELECT NAME="s1" size="7">
    <OPTION>电脑爱好者</OPTION>
    <OPTION>hello world</OPTION>
    <OPTION>中国</OPTION>
    <OPTION>印度</OPTION>
    <OPTION>印尼</OPTION>
    <OPTION>美国</OPTION>
    <OPTION>法国</OPTION>
    </SELECT></FORM>
      

  2.   

    <script language="JavaScript">
    function autoSelect(v){
    var Obj=document.all.form1.selectName;
    for(i=0;i<Obj.length;i++){
    if(Obj.options[i].value.indexOf(v)==0)
    Obj.options[i].selected=true;
    }
    }
    </script>
    </head><body>
    <form name="form1" method="post" action="">
      <input type="text" name="textfield" onKeyUp="autoSelect(this.value);">
      <select name="selectName">
        <option></option>
        <option value="aa7643">aa7643</option>
        <option value="csdn">csdn</option>
        <option value="电脑爱好者">电脑爱好者</option>
        <option value="china">china</option>
      </select>
    </form>