如何实现Form中的下拉列表框可以输入，又定位的功能呀，急呀，多谢了！

ken2002 2003-01-16 11:27:59
如何实现Form中的下拉列表框可以输入，又定位的功能呀，急呀，多谢了！
...全文
116 17 打赏 收藏 转发到动态 举报
写回复
用AI写文章
17 条回复
切换为时间正序
请发表友善的回复…
发表回复
一声雷响老子闪亮登场 2003-01-25
  • 打赏
  • 举报
 回复
弹出下拉列表！~
一声雷响老子闪亮登场 2003-01-25
  • 打赏
  • 举报
 回复
定位时不能自动弹出吗？
ken2002 2003-01-17
  • 打赏
  • 举报
 回复
To bencalie(Bencalie)

比如，select框中有以下数据
1
123
1234
12345
当我输入1的时候，1就被选中，当我输入12的时候，就滚动到123，当我输入1234时候，就滚动到1234这一列

能做到么，多谢你了！
希默软件 2003-01-17
  • 打赏
  • 举报
 回复
IE定位的功能？

Please explain it.
seabell 2003-01-17
  • 打赏
  • 举报
 回复
<style>
.arrow {
font-family: Webdings;
font: 9pt;
color: blue;
text-align: center;
cursor: hand;
background: white;
}
.seltxt{
border-left:0;
border-right:0;
border-top:0;
border-bottom:1 solid #000000;
}
</style>
<script>
str="";
mywidth=0;
function showdiv(w)
{
document.all.mysel.style.display="none";
str="<input type=text class=seltxt style='width:"+w+";' onkeyup=mysearch(this) onclick=showlist() value="+document.all.mysel.options[document.all.mysel.selectedIndex].text+">";
liststr="<table style='border:1 solid #000000;' width="+w+" cellspacing=0 cellpadding=0>";
for(i=0;i<document.all.mysel.options.length;i++)
liststr+="<tr><td id=td"+i+" style='font-size:10pt' onmouseover=myover() onmouseout=myout() onclick=myclick("+i+")>"+document.all.mysel.options[i].text+"   </td></tr>";
liststr+="</table>";
likesel.innerHTML=str;
mywidth=w;
}
function showlist()
{
if(likesel.innerHTML.indexOf("TABLE")==-1)
likesel.innerHTML+=liststr;
}
function myover()
{
event.srcElement.style.cursor="default";
event.srcElement.style.color="white";
event.srcElement.style.background="darkblue";
}
function myout()
{
event.srcElement.style.color="";
event.srcElement.style.background="";
}
function myclick(j)
{
document.all.mysel.selectedIndex=j;
str="<input type=text class=seltxt style='width:"+mywidth+";' onkeyup=mysearch(this) onclick=showlist() value="+document.all.mysel.options[document.all.mysel.selectedIndex].text+">";
likesel.innerHTML=str;
document.all.arrow.disabled=false;
}
oldtd="td1";
function mysearch(obj)
{
for(i=0;i<mysel.options.length;i++)
{
if(mysel.options[i].text.substring(0,obj.value.length)==obj.value)
{
document.all(oldtd).style.color="";
document.all(oldtd).style.background="";
document.all("td"+i).style.color="white";
document.all("td"+i).style.background="darkblue";
oldtd="td"+i;
mysel.options[i].selected=true;
return;
}
}
}
</script>
<body onload="showdiv(mysel.offsetWidth)">
<select name=mysel>
<option value=11 selected>1111111
<option value=12>111112
<option value=13>1111111113
<option value=13>111111888
</select>
<table border=0><tr><td><span id=likesel></span></td><td valign=top><span id=arrow class=arrow onclick=showlist()>6</span></td></tr></table>
michael_monkey 2003-01-16
  • 打赏
  • 举报
 回复
下面代码是我从网上保存的（具体是在哪里，记不清了），原来的帖子我找不到了，不知道合不合您的要求：

<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var o = null;
var isNN = (navigator.appName.indexOf("Netscape")!=-1);
function beginEditing(menu) {
finish();
if(menu[menu.selectedIndex].value != "read-only") {
o = new Object();
o.editOption = menu[menu.selectedIndex];
o.editOption.old = o.editOption.text;
o.editOption.text = "_";
menu.blur();
window.focus();
document.onkeypress = keyPressHandler;
}

function keyPressHandler(e){
var option = o.editOption;
var keyCode = (isNN) ? e.which : event.keyCode;
if(keyCode == 8 || keyCode == 37)
option.text = option.text.substring(0,option.text.length-2) + "_";
else if (keyCode == 13) {
finish();
} else
option.text = option.text.substring(0,option.text.length-1) + String.fromCharCode(keyCode) + "_";
status = keyCode;
}

function finish() {
if(o != null) {
option = o.editOption;
if(option.text.length > 1)
option.text = option.text.substring(0,option.text.length-1);
else
option.text = option.old;
document.onkeypress = null;
o = null;
}
}
}

// End -->
</script>
</HEAD>
<BODY>
<center>
<form>
<select onChange="beginEditing(this);">
<option value="read-only">Select an option to edit it.</option>
<option value="read-only">---------------------------- </option>
<option value="last">SurName</option>
<option value="first">FirstName</option>
<option value="email">Email</option>
<option value="add1">Address 1</option>
<option value="add2">Address 2</option>
</select>
</form>
</center>
ken2002 2003-01-16
  • 打赏
  • 举报
 回复
To seabell(百合心)
多谢你了，你的创意确实不错，但是我想实现的是只有一个select框呀，能做到么，多谢你了
seabell 2003-01-16
  • 打赏
  • 举报
 回复
<body leftmargin=3><form name=form1 ><br><span style=font-size=12>输入要查找的关键字：</span><br><input class=input type=text name=index value='' class=buttonface onkeyDown="
for(i=0;i<document.form1.help_index.length;i++)
{
var len=this.value.length;
if(len>0)
if(document.form1.help_index.options[i].text.substring(0,len)==this.value.substring(0,len))
{
document.form1.help_index.options[i].selected=true;
break;
}
}
"
onkeyUp ="
for(i=0;i<document.form1.help_index.length;i++)
{
var len=this.value.length;
if(len>0)
if(document.form1.help_index.options[i].text.substring(0,len)==this.value.substring(0,len))
{
document.form1.help_index.options[i].selected=true;
break;
}
}
"
><table width=100% border=0 cellpading=2 cellspacing=0 class=bordergr align=center><tr ><td bgcolor=white width=100% ><select name=help_index size=10 style=width:100%;border:0;bgcolor:000000;color:ff0000><option value='0903000000'>个人</option><option value='0702000000'>个人修改</option><option value='6809020000'>工作权限</option><option value='6809010000'>工作组</option><option value='1001000000'>管理阅读</option><option value='1002000000'>维护</option><select></td></tr></table></form>
www203 2003-01-16
  • 打赏
  • 举报
 回复
没有见过啊

哪里有这样的例子吗？

只能用两个form来处理这种情况把
ken2002 2003-01-16
  • 打赏
  • 举报
 回复
To bencalie(Bencalie)

他仍然没有象IE定位的功能，还有这方面的资料么，多谢你了
ken2002 2003-01-16
  • 打赏
  • 举报
 回复
To net_lover(孟子E章)

他好象没有定位的功能呀，能实现么，多谢你了
希默软件 2003-01-16
  • 打赏
  • 举报
 回复
http://www.csdn.net/develop/Read_Article.asp?Id=15197
ken2002 2003-01-16
  • 打赏
  • 举报
 回复
To zico(zico)

就象IE的地址栏一样的功能呀，没有么？
zico 2003-01-16
  • 打赏
  • 举报
 回复
一个框，没可能的
孟子E章 2003-01-16
  • 打赏
  • 举报
 回复
http://lucky.myrice.com/temp/combobox.htm
孟子E章 2003-01-16
  • 打赏
  • 举报
 回复
http://lcuky.myrice.com/temp/combobox.htm
ken2002 2003-01-16
  • 打赏
  • 举报
 回复
To michael_monkey(从头再来)

只能输入，不能删除呀，而且选择中，并没有显示在框中呀
allegro使用汇总 [转贴]
1.如何在allegro中取消花焊盘(十字焊盘) set up->design parameter ->shape->edit global dynamic shape parameters->Thermal relief connects ->Thru pins ,Smd pins -> full contact 2.allegro 中如何设置等长 se...
allegro使用汇总
allegro使用汇总 [转贴]   2011-07-13 15:26:57|  分类： 默认分类 |  标签： |举报 |字号大中小 订阅 本文转载自yxz406《allegro使用汇总 [转贴]》 1.如何在allegro中取消花焊盘(十字焊盘) set up->design parameter -> shape->edit global dynamic
allegro16.6使用汇总
1.如何在allegro中取消花焊盘(十字焊盘) set up->design parameter -> shape->edit global dynamic shape parameters->Thermal relief connects -> Thru pins ,Smd pins -> full contact 2.allegro 中如何设置等长 setup -> c
ASP.NET.2.0.in.C.Sharp.2005.From.Novice.to.Professional的读书笔记[9]
CHAPTER 5  Web Form FundamentalsASP.NET介绍了创建网页的值得注意的一种新模式.在老模式的ASP开发中,编程者在开发一个动态页面之前,必须精通HTML的标志的细节和规则,页面的设计是一个细致裁剪的任务,而且额外内容的产生只能输出由HTML标签组成的.在ASP.NET,你可以使用更高级别的模式的服务端web控件.这些控件是作为对象被创建和配置的,而且自动提
我在CSDN参与的3000个帖子
 今日偶然翻到，感慨万千 1：申述：版主，是否扣了我的专家分？ 2：100分急求，随机输出十个小写字母，但是，要求这十个字母不相同 3：求Sn=a+aa+aaa+…+aaa…a（n个a）之值 4：数组题 望高手帮忙！ 5：呵呵，来推荐一下我的网站，本站提供大量当今流行的免费的音乐和免费电影，常用软件、游戏、精美图库下载,希望对网友有帮助!顺便散分! 6：VBA请教怎
JavaScript

87,996

社区成员

224,693

社区内容

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

加载中

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

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

+ 用AI写文章