<input onkeyup="chgSel(this.value)" />
<select id="sel">
<option value="1">a</option>
<option value="2">b</option>
<option value="3">c</option>
<option value="4">d</option> </select>
<script language="javascript">
function chgSel(s)
{
var sel=document.getElementById('sel');
for (var i=0;i<sel.length;i++)
{
if(sel.options[i].value==s)
{
sel.options[i].selected=true;
}
}
}
</script>以上可以实现文本框输入后关联下拉框,我现在要实现如下效果:
我先输入2后下拉框里自动选b,然后我在下来框里选择d,这时有什么办法用鼠标点击文本框2时下拉框还自动选b?
<select id="sel">
<option value="1">a</option>
<option value="2">b</option>
<option value="3">c</option>
<option value="4">d</option> </select>
<script language="javascript">
function chgSel(s)
{
var sel=document.getElementById('sel');
for (var i=0;i<sel.length;i++)
{
if(sel.options[i].value==s)
{
sel.options[i].selected=true;
}
}
}
</script>以上可以实现文本框输入后关联下拉框,我现在要实现如下效果:
我先输入2后下拉框里自动选b,然后我在下来框里选择d,这时有什么办法用鼠标点击文本框2时下拉框还自动选b?
<input onkeyup="chgSel(this.value)" onfocus="chgSel(this.value)" onblur="chgSel(this.value)"/>
<select id="sel">
<option value="1">a </option>
<option value="2">b </option>
<option value="3">c </option>
<option value="4">d </option> </select>
<script language="javascript">
function chgSel(s)
{
var sel=document.getElementById('sel');
for (var i=0;i <sel.length;i++)
{
if(sel.options[i].value==s)
{
sel.options[i].selected=true;
}
}
}
</script>