在jQuery中将变更事件绑定到一组输入字段

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
        });

- sonam

Answer 1

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

或者

给所有这些元素添加一个类，然后调用change函数。

<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
});

- bipen

Answer 2

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

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

另外一种方法是为每个元素添加一个class，然后选择它。

- Rory McCrossan