5

以下の3つの入力フィールドがあります。

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

2 に答える 2

11

,@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() を使用することをお勧めします.. keyup()を使用changeすると、テキストボックスをクリックして起動する必要があります。

$('.className').keyup(function(){
  //your stuff
});
于 2013-01-17T08:56:58.917 に答える
6

,CSS と同じように使用して、セレクターを組み合わせることができます。これを試して：

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

classまたは、各要素に a を追加して選択することもできます。

于 2013-01-17T08:53:00.833 に答える