可输入及自动定位(自动匹配)的下拉列表

来源:互联网 发布:mac版flash播放器下载 编辑:程序博客网 时间:2024/04/29 19:09

<!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 METHOD=POST ACTION="">
<input type="hidden" name="unitCode" value="">
<input type=text name="unitName" style="width:220px;height:21px;font-size:10pt;" onkeyup="seletIt(this);" onfocus="txtFocus();"><span style="width:18px;border:0px solid red;">
<select name="unitOption"  onChange="changeOption();" style="margin-left:-220px;width:238px; background-color:#FFEEEE;">
  <option value="001">001 [测试数据001]</option>
  <option value="002">002 [测试数据001]</option>
  <option value="003">003 [测试数据001]</option>
  <option value="101">101 [测试数据001]</option>
  <option value="102">102 [测试数据001]</option>
  <option value="112">112 [测试数据001]</option>
  <option value="122">122 [测试数据001]</option>
  <option value="222">222 [测试数据001] </option>
  <option value="203">203 [测试数据001]</option>
  <option value="224">224 [测试数据001]</option>
  <option value="305">305 [测试数据001]</option>
    </select></span>
</FORM>
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
 function txtFocus()
  {
     document.all.item("unitCode").value="";
  document.all.item("unitName").value="";
  }
 function seletIt(crtObj)
 {
    var crtObjValue=crtObj.value;
 var selectObj=document.all.item("unitOption");
    if(crtObjValue!=null&&crtObjValue.length==3&&selectObj!=null)
 {
    for(var i=0;i<selectObj.length;i++)
    {
       if(selectObj.options[i].value.indexOf(crtObjValue)==0)
    {
               selectObj.options[i].selected=true;
      document.all.item("unitName").value=selectObj.options[i].text;
      document.all.item("unitCode").value=selectObj.options[i].value;
      selectObj.focus();
      break;
    }
    }
 }
  }
  function changeOption()
  {
    var selectObj=document.all.item("unitOption");
   for(var i=0;i<selectObj.length;i++)
   {
   if(selectObj.options[i].selected)
   {
     document.all.item("unitName").value=selectObj.options[i].text;
     document.all.item("unitCode").value=selectObj.options[i].value;
     selectObj.focus();
   }
   }
  }
//-->
</SCRIPT>