Jquery多个onchange事件 - 下拉列表和输入文本

Question

我想要的是那种不起作用的东西：

http://jsfiddle.net/adige72/BS9rp/

如果我选择一个选项，输入文本字段的所有值都会改变，但实际上我只希望填充一个文本字段，该字段位于我选择的下拉列表旁边。

这可能吗？

Answer 1

jquery绝对可以。在该链接中的示例中，您将根据输入框“phonenumber”的类进行选择。如果您根据实际控件ID进行选择，则不会填充屏幕上的所有输入框。请参阅下面的例子：

$("#dropdownlistID").live("change", function() {
    $("#inputfieldID").val("update with whatever you want");
})

Answer 2

许多方法可以做到这一点，包括在字段上使用id但使用你的小提琴，你可以这样做：

$(this).next($('.phonenumber')).val($(this).find('option:selected').attr('data-phonenumber'));

Answer 3

是的。为每个下拉菜单和文本字段使用唯一的ID，这将使您朝着正确的方向前进。

    <select id="IDX" class="name" name="name[]">
    ...
    <input id="textIDX" type="text" class="phonenumber"...
    ...
    $('#IDX').change(function(){
       $('#textIDX').val('anything....');
    });