javascript如何实现这种功能？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD><BODY>
<form name="form1" method="post">
<table align="center" width="95%">
  <tr>
  <td width="50%" align="right">
 <input type="text" name="Msg" size=20 onchange="javascript:SelectMsg(this)">
  </td>
  <td>
<select name="ListMsg">
<option value="">--N/A--</option>
</select>
  </td>
  </tr>
</table>
</form>
</BODY>
</HTML>
<script language="javascript">
<!--
var MsgArr = new Array();
MsgArr[0]="ABC123"
MsgArr[1]="BCD234"
MsgArr[2]="CDE345"
MsgArr[3]="DEF456"
MsgArr[4]="EFG567"
MsgArr[5]="FGH678"
MsgArr[6]="GHJ789"
MsgArr[7]="HJK8910"
MsgArr[8]="AAAAAAA"
MsgArr[9]="BBBBBBB"
MsgArr[10]="CCCCCC"
MsgArr[11]="DDDDDD"
MsgArr[12]="EEEEEE"
function SelectMsg(obj){
   var ListMsg=document.form1.ListMsg;
   ListMsg.length=0;
   var k=0;
   var tmpValue="";
   var SelectedMsgArr=new Array();
   if(obj.value!=""){
  for(I=0;I<MsgArr.length;I++){
  if(MsgArr[I].indexOf(obj.value)!=-1){
     tmpValue=MsgArr[I];
 ListMsg.options[k]=new Option(tmpValue,tmpValue)
 k++
  }
  }
   }
   else{
   if(k==0)
ListMsg.options[k]=new Option("--N/A--","");
   }
   ListMsg.selectedIndex=0;
}
SelectMsg(document.form1.Msg);
//-->
</script>

解决方案 »

  1.   

    to wybm(310)：您写的代码我看了，确实是我需要的。
    我也看懂了，但实际运行的效果和我理解的代码不太一样，下拉框只是长度发生变化，但里面的内容总是空的。
    是怎么回事？
      

  2.   

    再问一下有没有javascript的IDE开发工具，快速进行开发。
      

  3.   

    www.c-point.com
    [Anth... javascript Editor]
      

  4.   

    wybm(310)的例子是对的,区分大小写,你试试看.A
      

  5.   

    看看这个http://webfx.eae.net/dhtml/combobox/combo_demo.htm
    原码到这里下载http://webfx.eae.net/dhtml/combobox/combobox.htm