Question

如何通过input输入值选择select的值？

代码如下：
<select name="a" id="a">
<option value=""></option>
<option value="aaa">111</option>
<option value="bbb">222</option>
<option value="ccc">333</option>
</select>
<input type="text" name="b" id="b">

我想要实现在input输入框输入111的时候自动选中select的111并取值aaa，请问如何实现？

Answer 1

<select name="a" id="a">
<option value=""></option>
<option value="aaa">111</option>
<option value="bbb">222</option>
<option value="ccc">333</option>
</select>
<input type="text" name="b" id="b" onkeyup="init(this)" />
<label id="label"></label>

<script>
function init(o)
{
var a =document.getElementById('a');
var b =document.getElementById('label')
for(var i=0;i<a.options.length;i++)
if (a.options[i].innerHTML==o.value){
a.selectedIndex=i;
b.innerHTML= "value="+a.options[i].value;
return;
break;
}
a.selectedIndex=0;
b.innerHTML= "";
}
</script>