下拉菜单问题！急！今日必须解决！马上结帐！

vvfish119 2004-04-09 05:06:22

如何利用javascript实现以下功能：
有一下拉菜单，选项为1000-9999，当用户键入1956时，下拉框中1956被选中，就好像delphi、pb中下拉菜单一样，用户键入那个选项，下拉框就自动跳到并选中该选项，如何实现啊？着急啊！大虾救命！

...全文

88 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

vvfish119 2004-04-10

打赏
举报

只是举例子说是1000-9999嘛，再说我自己都解决了，默认的keypress事件也可以让它不用嘛，代码如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<script language="javascript">
x="";
str="1111111111";
function aa()
{ if (event.keyCode==27){
x="";
document.f1.s1.options[0].text="";
f1.s1.options[0].selected=true;
}
if (isNaN(parseInt(String.fromCharCode(event.keyCode)))==false){
if (x.length>=14){
x=String.fromCharCode(event.keyCode);
event.returnValue = false;}
else {
x=x+String.fromCharCode(event.keyCode);
event.returnValue = false;}
}
if (x.length<=str.length){
if(x==str.slice(0,x.length)){
document.f1.s1.options[0].text=x;}}
else{document.f1.s1.options[0].text=x;}
x=f1.s1.options[0].text;
if (x.length==14){
for (n=1;n<f1.s1.length;n++){
if (f1.s1.options[n].text==x){
f1.s1.options[n].selected=true;
document.f1.s1.options[0].text="";}
}
if (f1.s1.options[0].selected==true){
alert("输入错误！");
document.f1.s1.options[0].text="";}
}
}
</script>
<body onLoad="f1.s1.focus();">
<form name="f1">
<select name="s1" onkeydown="aa();">
<option selected></option>
<script language="javascript">
for (i=1;i<10;i++){
document.write("<option>1111111111000"+i+"</option>")}
for (i=10;i<100;i++){
document.write("<option>111111111100"+i+"</option>")}
for (i=100;i<1000;i++){
document.write("<option>11111111110"+i+"</option>")}
</script>
</select>
</form>
</body>
</html>