当文本框中输入值后下拉列表中自动选中一个值

当在文本框中输入值后,下拉列表框中自动默认选中一个值求助!各位大虾们!用JS来写,怎么写啊?当用户在文本框中输入东西时,下拉列表框中自动选中一个默认的值,不输入则要手动在... 当在文本框中输入值后,下拉列表框中自动默认选中一个值
求助!各位大虾们!用JS来写,怎么写啊?
当用户在文本框中输入东西时,下拉列表框中自动选中一个默认的值,不输入则要手动在下拉列表中去选值

大虾:首先谢谢您的回答.你的很好,可是我这个是用WEB页上,下拉列表都是用的标准控件都不是用的html控件,
能不能有更好的办法呢? 展开

 我来答

2个回答

#热议# 为什么说不要把裤子提到肚脐眼？

wudidzwj
2009-03-26 · TA获得超过4016个赞

知道小有建树答主

回答量：1162

采纳率：0%

帮助的人：1041万

我也去答题访问个人页

关注

展开全部

<html>
<head>
<script language="javascript" type="text/livescript">
function setDropDown(str){
 var ops=document.getElementById("dr1").options;//取出下拉列表的项对象集合
 for(var i=0;i<ops.length;i++){//遍历集合
  if(str==ops[i].value){//如果该项的value等于文本框填写的值
   document.getElementById("dr1").options[i].selected="selected";//设定下拉列表相应的下拉项的选中
   break;
  }
 }
}
</script>
</head>
<body>
<input type="text" name="textfield" id="t1" onblur="setDropDown(this.value);" />
<p>
  <select name="select" id="dr1">
   <option value="1" selected="selected">1</option>
 <option value="2">2</option>
 <option value="3">3</option>
  </select>
</p>
</body>
</html>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

类骊丘又槐
2019-07-20 · TA获得超过3732个赞

知道大有可为答主

回答量：3088

采纳率：30%

帮助的人：198万

我也去答题访问个人页

关注

展开全部

<html>
<head>
<script
language="javascript"
type="text/livescript">
function
setDropDown(str){
var
ops=document.getElementById("dr1").options;//取出下拉列表的项对象集合
for(var
i=0;i<ops.length;i++){//遍历集合
if(str==ops[i].value){//如果该项的value等于文本框填写的值
document.getElementById("dr1").options[i].selected="selected";//设定下拉列表相应的下拉项的选中
break;
}
}
}
</script>
</head>
<body>
<input
type="text"
name="textfield"
id="t1"
onblur="setDropDown(this.value);"
/>
<p>
<select
name="select"
id="dr1">
<option
value="1"
selected="selected">1</option>
<option
value="2">2</option>
<option
value="3">3</option>
</select>
</p>
</body>
</html>

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

当文本框中输入值后下拉列表中自动选中一个值

其他类似问题

为你推荐：