Javascript 如何连接输入并选择选项？

我的意见如下：

<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>

酱油
瓦萨里斯
科瓦斯
巴兰迪斯

如何使用javascrip连接

输入id男子

和

选择id男子列表

？ 例如：

---

如果用户写入输入字段2->选择选项值更改为2

在textbox键控事件上调用一个函数，该函数将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;
}

函数func1（）
{
var txtval=parseInt（document.getElementById（“men”）.value）；
document.getElementById（“menlist”）。selectedIndex=txtval；
}

功能更改\选择（val）
{
document.getElementById（'menlist'）。selectedIndex=val；
}

您的问题不清楚是否可以使用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());
    });
});

这里有一个

这样，您就可以按任何顺序获得选项的任何值。只要确保它们是独一无二的。例如，您可以在选择中对名称进行排序

---

更新添加了一个处理程序，用于在选择更改时更改输入值。

您尝试了什么？您尝试过编写JavaScript吗？别忘了分号！（我知道这不是必要的，但必须保持良好的做法！）还有一个问题。若用户先选择选项，然后men值发生变化，是否可以在同一页面中进行设置？

$(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());
    });
});