可输入及自动定位(自动匹配)的下拉列表
来源:互联网 发布: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>
- 可输入及自动定位(自动匹配)的下拉列表
- 可输入、自动匹配的下拉框
- 可输入、自动匹配的下拉框
- 使用JQuery UI完成可输入内容且自动匹配的的下拉列表
- 下拉框(可输入+自动匹配)
- 可输入、自动匹配的下拉框更新版dhCombobox
- 可输入的下拉列表+Ajax自动完成
- 下拉列表,输入时自动检索匹配项
- 邮箱自动下拉匹配列表
- 请教关于下拉菜单可输入文本自动匹配的问题
- 考试系统——可输入并自动匹配的下拉框(一)——实现可输入并自动匹配
- 可编辑可自动匹配的联动下拉框实现
- 下拉列表框输入文字时和已经输入的文字最匹配的项自动显示列出
- wpf可编辑和自动匹配的下拉框combobox
- 可输入的下拉列表
- 可输入的下拉列表
- 可输入的下拉列表
- 考试系统——可输入并自动匹配的下拉框(二)——JQuery Easy UI框架
- 一个相当不错的日期选择器[透明]
- 关于在c++的类中使用线程的问题
- c#中动态装载dll
- htm转aspx时出现乱码问题解决方法
- VB.NET实现的QQ消息群炸机(全源码)
- 可输入及自动定位(自动匹配)的下拉列表
- 在构造函数中调用虚函数
- 纯虚函数
- 多态性之静态联编
- HTTP协议 VS HTTPS协议
- 多态性之动态联编 虚函数
- blog搬家
- [设计模式学习笔记][之四]如何处理变化的需求?
- 做一个项目结合.net和oracle碰到的问题总结