通过input设置select选项
公宜春
通过input设置select选项
最近接到一个需求，需要检索input文本框的某个特定字段，使select下拉框默认选中某个特定的选项。下面是我的测试代码块
<script>
function txtChange(){
var abc = document.getElementById("pppp").value;//取文本框的值，用一个变量接收
var x=abc.indexOf("优秀"&&"花");
var y=abc.indexOf("优秀"&&"走");//设置检索字段，用一个变量接收
if (x<0&&y<0){//indexof如果没有发现值就返回-1
alert("没查到");
}else {
var obj = document.getElementById("test");//接收id为test的下拉框
var str = 3//设置默认选中下拉框的位置
for(i=0;i<obj.length;i++){//循环遍历
if(obj[i].value==str)
obj[i].selected = true;//当str==与i时，selected返回true，默认选中
}
var obk = document.getElementById("testp");//同上，一共有两个下拉框需要选中
var kkk =1
for(j=0;j<obk.length;j++){
if(obk[j].value==kkk)
obk[j].selected = true;
}
}
}
</script>```
<body>
<select id="test">
<option selected value="0">- 请选择 -</option>//下拉框1
<option value="1">关羽</option>
<option value="2">赵云</option>
<option value="3">马超</option>
<option value="4">黄忠</option>
<option value="5">张飞</option>
</select>
<select id="testp">
<option selected value="0">- 请选择 -</option>//下拉框2
<option value="1">关羽</option>
<option value="2">赵云</option>
<option value="3">马超</option>
<option value="4">黄忠</option>
<option value="5">张飞</option>
</select>
<input name="pppp" type="text" id="pppp" onchange="txtChange()"/>//文本框，并设置onchange事件
</body>
//以上只是一个就最基本的骨架，至于简化代码就得各位自己琢磨
类似资料：