从选择列表更改输入值。

时间:2012-04-09 20:56:42

标签: jquery

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

输入框: <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());
        });
    });

2 个答案:

答案 0 :(得分:1)

您需要在焦点更改时取消绑定点击处理程序。这应该可以做到 - http://jsfiddle.net/WPjgc/

答案 1 :(得分:0)

尝试下面的代码,如果您希望使用下拉列表中的选项在焦点上填充文本框。

$("#lensStyle, #lensStyleLeft").focus(function(){
    $(this).val($("#lensStyleBox").val());
});

你在做什么似乎不正确。如果这不是您需要的,请告诉我们。