如何连接输入和选择选项？

我有这样输入：如何连接输入和选择选项？

<input name="men" id="men" type="text" size="10" maxlength="2"/>

，并选择

<select id="menlist" name="menlist"> 
    <option value="1">Sausis</option> 
    <option value="2">Vasaris</option> 
    <option value="3">Kovas</option> 
    <option value="4">Balandis</option> 
</select>

我如何连接input id men和select id menlist的javascrip用？例如：：如果用户向输入字段2写入 - >选择选项值更改为2;

来源

2013-04-04 Tomas

你试过什么？ – 2013-04-04 18:31:02

您是否尝试过编写任何JavaScript？ – j08691 2013-04-04 18:31:07

这不是从你的问题明确羯羊它是确定使用jQuery。如果是，那么你可以做

$(function(){ 
    $("#men").keyup(function(){ 
     var value=$(this).val(); 
     $("#menlist option[selected]").removeAttr("selected"); 
     $("#menlist option[value=" + value + "]").attr("selected", "selected"); 
    }); 
    $("#menlist").change(function(){ 
     $("#men").val($(this).val()); 
    }); 
});

这里是一个jsFiddle

这样，你可以以任意顺序选择任何值。只要确保它们是独一无二的。例如，您可以在select中选择名称。

UPDATE增加了一个处理程序，当选择更改时更改输入值。

来源

2013-04-04 18:38:44 peterm

它的作品完美！谢谢。 – Tomas 2013-04-04 18:53:18

还有一个问题。如果用户第一次选择选项，那么男性价值是否在变化，是否有可能在同一页中制作？ – Tomas 2013-04-04 18:59:25

查看最新的答案。 jsFiddle也被更新了。 – peterm 2013-04-04 19:17:52

在文本框keyup事件调用这台menlist的设定值在输入的值的函数。

<input name="men" id="men" onkeyUp="func1()" type="text" size="10" maxlength="2"/> 

function func1() 
{ 
var txtval = parseInt(document.getElementById("men").value); 
document.getElementById("menlist").selectedIndex= txtval; 
}

来源

2013-04-04 18:32:57

不要忘记分号！（我知道这不是必须的，但必须保持良好的做法！） – imulsion 2013-04-04 18:34:50

<script> 
function change_select(val) 
{ 
    document.getElementById('menlist').selectedIndex = val; 
} 
</script>

来源

2013-04-04 18:35:41

如何连接输入和选择选项？

回答

相关问题