javascript - 将更改事件绑定到 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
        });

Answer 1

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

或者

为所有这些添加一个类并调用更改功能

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

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