87,994
社区成员
发帖
与我相关
我的任务
分享javascript如何实现这种功能？
在<select>
<option></option>
.........
</select>
中，有很多option选项，当我改变输入框中的内容时，动态改变下来框中显示的选项数量，使它只显示含有已输入字符的选项。
或者象在IDE中那样，输入一个对象名，点一个点号，产生一个下来框，输入一个字符，下拉框自动定位。
我是菜鸟，麻烦你说得详细点!能给出代码就更好了。
<option></option>
.........
</select>
中，有很多option选项，当我改变输入框中的内容时，动态改变下来框中显示的选项数量，使它只显示含有已输入字符的选项。
或者象在IDE中那样，输入一个对象名，点一个点号，产生一个下来框，输入一个字符，下拉框自动定位。
我是菜鸟，麻烦你说得详细点!能给出代码就更好了。
...全文
请发表友善的回复…
发表回复
dutzzl 2002-12-12
- 打赏
- 举报
多谢大家的回答！
最近几天比较忙，过两天揭帖！
最近几天比较忙，过两天揭帖！
flyycyu 2002-12-11
- 打赏
- 举报
autocomplete
wybm 2002-12-11
- 打赏
- 举报
<!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>
<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>
sunmingdong 2002-12-11
- 打赏
- 举报
看看这个http://webfx.eae.net/dhtml/combobox/combo_demo.htm
原码到这里下载http://webfx.eae.net/dhtml/combobox/combobox.htm
原码到这里下载http://webfx.eae.net/dhtml/combobox/combobox.htm
不住不执 2002-12-11
- 打赏
- 举报
wybm(310)的例子是对的,区分大小写,你试试看.A
exwind 2002-12-11
- 打赏
- 举报
www.c-point.com
[Anth... javascript Editor]
[Anth... javascript Editor]
dutzzl 2002-12-11
- 打赏
- 举报
再问一下有没有javascript的IDE开发工具，快速进行开发。
dutzzl 2002-12-11
- 打赏
- 举报
to wybm(310)：您写的代码我看了，确实是我需要的。
我也看懂了，但实际运行的效果和我理解的代码不太一样，下拉框只是长度发生变化，但里面的内容总是空的。
是怎么回事？
我也看懂了，但实际运行的效果和我理解的代码不太一样，下拉框只是长度发生变化，但里面的内容总是空的。
是怎么回事？
