Question

我有三个输入字段如下：

 <input type="text" name="address" id="address"/>
 <input type="text" name="city" id="city"/>
 <input type="text" name="country" id="country"/>

如何将onChange事件一次性添加到所有这些字段：

$("select the elements with id address,city,country").bind("change", function() {
            //do something
        });

Answer 1

在id选择器中使用,，如@Rory所说

OR

为所有这些添加一个类并调用更改函数

<input type="text" name="address" id="address" class="className"/>
<input type="text" name="city" id="city" class="className"/>
<input type="text" name="country" id="country" class="className"/>

$('.className').bind("change", function(){
  //your stuff
});

<强>无论其

因为它是输入字段..我建议您使用.. keyup()，使用change，您必须单击文本框以使其触发。

$('.className').keyup(function(){
  //your stuff
});

Answer 2

您可以像在CSS中一样使用,来组合选择器。试试这个：

$("#address, #city, #country").bind("change", function() {
    //do something
});

或者，您可以为每个元素添加class并选择它。

将更改事件绑定到jquery中的输入字段组

2 个答案: