js实现文本框和下拉框的关联
我想做一个这样的效果，就是在文本狂中输入一个下拉框<option></option>的value值（是数字）然后相应的值对应的option就被选中了，我知道要用onblu...
我想做一个这样的效果，就是在文本狂中输入一个下拉框<option></option>的value值（是数字）然后相应的值对应的option就被选中了，我知道要用onblur事件，但是我写的onbulr带参数的话就不执行了，求一个实用的js代码！！
展开
1个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function meth(obj){
var val=obj.value
var op=document.getElementsByTagName('option')
for(var i=0; i<op.length; i++){
op[i].selected=false
}
for(var i=0; i<op.length;i++){
if(op[i].innerHTML==val){
op[i].selected='selected'
}
}
}
</script>
</head>
<body>
<input type="text" id="tt" onblur="meth(this)"/><br /><br />
<select id="ss" style=" width:40px">
<option value="1" selected="">1</option>
<option value="2" selected="">2</option>
<option value="3" selected="">3</option>
<option value="4" selected="">4</option>
<option value="5" selected="">5</option>
</select>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function meth(obj){
var val=obj.value
var op=document.getElementsByTagName('option')
for(var i=0; i<op.length; i++){
op[i].selected=false
}
for(var i=0; i<op.length;i++){
if(op[i].innerHTML==val){
op[i].selected='selected'
}
}
}
</script>
</head>
<body>
<input type="text" id="tt" onblur="meth(this)"/><br /><br />
<select id="ss" style=" width:40px">
<option value="1" selected="">1</option>
<option value="2" selected="">2</option>
<option value="3" selected="">3</option>
<option value="4" selected="">4</option>
<option value="5" selected="">5</option>
</select>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
