您的位置：首页 > 其它

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

2007-08-26 07:51 501 查看
<!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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航