html中有没有类似IE地址栏的东东？ 能自己输入，又能在下拉里面找东东。

julian_zzx 2003-10-20 03:38:22
rt
而且输入的时候，会匹配下拉里面的选项，自动地选择接近的项。

...全文
70 15 打赏 收藏 转发到动态 举报
写回复
用AI写文章
15 条回复
切换为时间正序
请发表友善的回复…
发表回复
julian_zzx 2003-10-22
  • 打赏
  • 举报
 回复
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<script language="javascript">
function chgselectlist()
{
if (document.theForm.clientUser.value!="")
{var tmp=document.theForm.clientUser.value,j=0
var j=1
for(var i=1;i<document.theForm.selectItem.length;i++)
{
if(eval("document.theForm.selectItem["+i+"].text.search(/"+tmp+"/)!=-1"))
{
document.theForm.selectItem[i].swapNode(document.theForm.selectItem[j])
j++;
}
}
}
else
{
document.theForm.selectItem.options[0].value="";
}
document.theForm.selectItem.options[0].selected = true;
// if (document.theForm.selectItem.options[0].value.length>1)
// {
// alert("你选择了 "+document.theForm.selectItem.options[0].value);
// }
}
function chgselectItem(){
document.theForm.selectItem.options[0].value=document.theForm.selectItem.options[document.theForm.selectItem.selectedIndex].value;
document.theForm.clientUser.value=document.theForm.selectItem.options[document.theForm.selectItem.selectedIndex].text;
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<hr>
<form method="post" name="theForm" >
<select name="selectItem" style="position:absolute; left: 197px; top: 80px; width: 120px; height: 22px; clip: rect(0 120 22 100)" id="select" onChange="chgselectItem()">
<option value="">--请选择--</option>
<option value="NO_LIMIT" selected>所有</option>
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="天津">天津</option>
<option value="重庆">重庆</option>
<option value="安徽">安徽</option>
<option value="甘肃">甘肃</option>
<option value="福建">福建</option>
<option value="广东">广东</option>
<option value="广西">广西</option>
<option value="贵州">贵州</option>
<option value="贵州">苏州</option>
<option value="贵州">广州</option>
<option value="海南">海南</option>
<option value="河北">河北</option>
<option value="河南">河南</option>
<option value="黑龙江">黑龙江</option>
<option value="湖北">湖北</option>
<option value="湖南">湖南</option>
<option value="吉林">吉林</option>
<option value="江苏">江苏</option>
<option value="江西">江西</option>
<option value="辽宁">辽宁</option>
<option value="内蒙古">内蒙古</option>
<option value="宁夏">宁夏</option>
<option value="青海">青海</option>
<option value="山东">山东</option>
<option value="山西">山西</option>
<option value="陕西">陕西</option>
<option value="四川">四川</option>
<option value="西藏">西藏</option>
<option value="新疆">新疆</option>
<option value="云南">云南</option>
<option value="浙江">浙江</option>
<option value="香港特别行政区">香港特别行政区</option>
<option value="澳门特别行政区">澳门特别行政区</option>
<option value="台湾">台湾</option></select>
<input name="clientUser" type="text" style="position:absolute; left: 198px; top: 81px; width: 100px; height: 18px" value="请选择二批名称" onPropertyChange="chgselectlist();">
</form>

<P>a</P>b<P>c</P>
<hr>

</body>
</html>

我决定用这种方式了，谢谢楼上诸位，觉得50分不够大家分的，下次再有问题一点多拿分，！
julian_zzx 2003-10-21
  • 打赏
  • 举报
 回复
达人给点代码示例一下就行了，
详细的自己可以搞定，
谢谢先!！
wellsoon 2003-10-21
  • 打赏
  • 举报
 回复
http://www.delphibbs.com/keylife/iblog_show.asp?xid=2020

请在文本框里输入你想选择的省份所包含的单字符或者词语，
<br>比如“海”，或者“海南”,再点下拉按钮，
<br>下拉列表已经自动把包含这个词语的选项排在靠前的位置了，<br>
以方便你的选择，你不用再在下拉列表里一项一项的去找你要的选项了<br>

wellsoon 2003-10-21
  • 打赏
  • 举报
 回复
看看这个，很简单的。

一个在网页中使用css+javascript实现的改进了的可以输入的下拉框,(整理+部分原创)

http://www.delphibbs.com/keylife/iblog_show.asp?xid=2020


spiritsl 2003-10-21
  • 打赏
  • 举报
 回复
<html>
<head>
<title>可以编辑的下拉列表 - by WildWind<wildwind_zz@21cn.com>...</title>
<script language="JavaScript">
<!--
function catch_keydown(sel)
{
switch(event.keyCode)
{
case 13:
//Enter;
sel.options[sel.length] = new Option("","",false,true);
event.returnValue = false;
break;
case 27:
//Esc;
alert("text:" + sel.options[sel.selectedIndex].text + ", value:" + sel.options[sel.selectedIndex].value + ";");
event.returnValue = false;
break;
case 46:
//Delete;
if(confirm("删除当前选项!?"))
{
sel.options[sel.selectedIndex] = null;
if(sel.length>0)
{
sel.options[0].selected = true;
}
}
event.returnValue = false;
break;
case 8:
//Back Space;
var s = sel.options[sel.selectedIndex].text;
sel.options[sel.selectedIndex].text = s.substr(0,s.length-1);
event.returnValue = false;
break;
}

}
function catch_press(sel)
{
sel.options[sel.selectedIndex].text = sel.options[sel.selectedIndex].text + String.fromCharCode(event.keyCode);
event.returnValue = false;
}
//-->
</script>
</head>

<body onload="s1.focus();">
<h3>操作方法:</h3>
<p>
1.按Enter键开始添加输入新的选项...<br>
2.按Del键删除当前选项...<br>
3.按Esc键查看当前选项的text和value值...<br>
4.按BackSpace键删除当前选项的前一个字符...<br>
</p>
<h3>测试结果:</h3>
<p>
1.IE6.0测试通过...<br>
</p>
<br>
<h3>建议&意见:</h3>
<p>
1.大家可以做成htc,将这些函数绑在css上(很简单,不再介绍...)...<br>
</p>
<h3>示例:</h3>
<p>
<select name=s1 onkeydown="catch_keydown(this);" onkeypress="catch_press(this);" style="font-size:12px;"><option>---</option></select>
</p>
</body>
</html>
coollzh 2003-10-21
  • 打赏
  • 举报
 回复
可以用层和textbox模仿实现，只是要写很多JS代码
flyshp 2003-10-21
  • 打赏
  • 举报
 回复
程序人生的思路是对的!

用隐藏层交替显示可以实现的
flyspider 2003-10-21
  • 打赏
  • 举报
 回复
<select> + <input> + dhtml
caina3 2003-10-21
  • 打赏
  • 举报
 回复
mark
zengchangliu 2003-10-21
  • 打赏
  • 举报
 回复
<select name="select" style="position:absolute; left: 197px; top: 80px; width: 120px; height: 22px; clip: rect(0 120 22 100)" id="select" onchange="clientUser.value=select.options[select.selectedIndex].text;clientUser.select()">
<option value="1" selected>aaaaaa</option>
<option value="2">bbbbb</option>
</select>
<input type="text" style="position:absolute; left: 198px; top: 81px; width: 100px; height: 18px" name="clientUser" value="请选择二批名称" onfocus="this.select();">
jsidiot 2003-10-20
  • 打赏
  • 举报
 回复
做一个隐藏得层
再这个层里面包含你得所有数据(所有数据由服务器端获得)得一个table
另外再你调用这个得时候，使这个层能够显示再你得文本框得下方
利用substring方法过滤不同得数据
大概思路就这样，我以前写过一个，可惜现在找不到了
呵呵
你自己写吧，
julian_zzx 2003-10-20
  • 打赏
  • 举报
 回复
etre(林荃)，js可以做？给个思路先，要是给段代码，那就...
呵呵，谢谢，谢谢！
etre 2003-10-20
  • 打赏
  • 举报
 回复
用javascript来做，可以实现的
starfeng 2003-10-20
  • 打赏
  • 举报
 回复
html中没有，要实现它，你得自已写代码实现

你可以用<select>去模仿一个，或者用activx做一个
julian_zzx 2003-10-20
  • 打赏
  • 举报
 回复
偶顶了！
电脑初学者必需的60个电脑技巧
上网时在地址栏内输入网址，系统会记录下来，虽然方便以后不用再重复，不 过如果是公用的机子，又不想让别人知道自己到过哪些地方，可以用“CTRL＋ O（字母O，不是0）”，这时对弹出一个“打开”对话框，在其中的...
Visual C++ 编程资源大全（源码 控件）
如果你的选择项需要多列显示的话一定需要这个东东(44KB)<END><br>21,autocomp.zip 这个聪明的组合框可以根据你的部分输入和可选项替你自动完成，就像IE的地址栏一样。是不是很好？快下载一个吧(24KB)<END><br>22,...
HTML必知必会精讲
本课程《HTML必知必会精讲》详细讲述了HTML必备知识点，内容包括：HTML概述、HTML规范、HTML思想、HBuilder工具的介绍和使用、常见标签（字体font标签、加粗b标签、下划线u标签、删除线s标签、字体倾斜i标签、上标...
win2003 IIS 启动不服务
系统日志里面有没有写什么有用的东东? 没有啊，很郁闷，我都想自己写个bat，每次启动先关一下，再开一下算了 最后一个信息列表框的最后几个字或字符，出现在列表框外 而且横排越多，，超出的...
FLASH　东东
　先选择菜单下“插入”->“插入ActiveX”看看有没有Shockwave Flash Object项目。如果没有的话就选择下面的""自定义"，在"Shockwave Flash Object"前面的框中打勾。然后按确定。这时候，在编辑区中会多出一个白色的...
Web 开发

81,094

社区成员

341,711

社区内容

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章