jquery - 从选择列表中更改输入值。

Question

我有两个文本输入框，需要从同一选择列表填充，但每个文本框可能有不同的值。发生的情况是，我编写的代码允许您单击并更改值，但是当您尝试更改第二个值时，它会更改两个值而不仅仅是第二个值。我看过bind, text，但没有运气。

输入框: <input type="text" id="lensStyle" size="35" class="orderinput" tabindex="12"/>
<input type="text" id="lensStyleLeft" size="35" class="orderinput" tabindex="12"/>

从以下位置获取值:

<select class="longbox" size="14" id="lensStyleBox"></select>

使用这个 Jquery

    $("#lensStyle").focus(function(){
        $("#lensStyleBox").click(function(){
            $("#lensStyle").val($("#lensStyleBox").val());
        });

    });


    $("#lensStyleLeft").focus(function(){
        $("#lensStyleBox").click(function(){
            $("#lensStyleLeft").val($("#lensStyleBox").val());
        });
    });

Answer 1

当焦点发生变化时，您需要取消绑定(bind)点击处理程序。这应该可以解决问题 - http://jsfiddle.net/WPjgc/