Javascript 将“选择”下拉列表值与另一个输入进行比较，并显示匹配的输入

HTML代码：

<div class="controls" id="display">
<input type="text" name="demos" class="" value="1" id="displays"/>
<select class="input-medium">
 <option value="">Select</option>
 <option value="1">II</option>
 <option value="2">AS</option>
 <option value="3">AR</option>
</select>
</div>

我将多次显示上述html代码作为动态代码

我将比较显示值与选择选项，并使选择选项处于选中状态

显示的值来自数据库

因为，当我将不同的值从数据库传递到多个代码时，我多次使用上述html代码。所有多个代码仅显示第一个html代码选择值

但是，我希望所有的多个html代码在各自的显示器上显示所选的值

在调试中，我发现$input[name='demos'].eachfunctioni，e{执行不正确，因为当我将console设置为Svalue时，它只显示所有多个html代码的第一个html代码输入值

我如何解决这个问题？？？

试试看

$("input#displays").each(function(i,e){

});

---

在HTML中，ID属性是唯一的。不能对同一页中的多个控件使用同一ID。因此，需要使用另一种方法

我会这样做：

$("div.controls").each(function() {
    $(this).children("select").eq(0).val($(this).children("input").eq(0).val());
});

编辑：我刚做了一个！试试这个：

$("#displays").blur(function () {
    var data = $(this).val();
    $("#select > option").each(function () {
        if (this.value == data) 
            $(this).attr("selected", "selected");       
    });
 });

此示例将从用户处获取输入，然后系统将选择匹配值

这是小提琴：

$("#displays").blur(function () {
    var data = $(this).val();
    $("#select > option").each(function () {
        if (this.value == data) 
            $(this).attr("selected", "selected");       
    });
 });