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