jQueryでのプルダウンの操作

jQueryでのプルダウンの操作

jQueryでプルダウンを選択して値を変更したときに処理を行いたいです。
1つのプルダウンなら$("#test select").change(...)のようにかけると思いますが、プルダウンが複数あるときは$("#test select").change(...) $("#test2 select").change(...) のように1つ1つ書いていかなければならないのでしょうか？2つや3つなら問題ないのですが、数が増えてくると面倒だしメンテも大変なのでまとめて処理が行えればと思っています。
よろしくお願いします。

No.3 回答者： mori1115 回答日時： 2010/10/08 13:22

そっかeach使う手があるんですね。

こちらが正解ですね。こちらの方がぜんぜんスマートです。
私も一つ引き出しが増えました。
ありがとうございました。

No.2 回答者： yyr446 回答日時： 2010/10/08 10:09

2つや3つなら問題ないのですが、数が増えてくると面倒だしメンテも大変

＝＝＞idをtest1、test2...みたいにその意味じゃなく連番管理でやってると、
結局融通がきかなく、結局数が増えてくると面倒だしメンテも大変です。

共通の処理用のクラスでもセットしておけば

<select id="test1" class="change_target"></select>
<select id="t_2" class="change_target"></select>
<select id="tst-3" class="change_target"></select>

$(function(){
　$.each($(".change_target"),function(){
　 $(this).change(function(){
　　　//処理;
　 });
　});
});

でよくないですか。

No.1 回答者： mori1115 回答日時： 2010/10/08 09:14

まとめてやるなら、ループ文をつかうのはどうでしょうか？

例
$(function(){
　　var ct=$("#test select").length;
　　for(i=0;i<ct;i++){
　　　　$("#test select:eq("+i+")").change(function(){
　　　　　　alert('a');
　　　　})
　　})
})
実際、動かしてないので保証はしませんが、こんなイメージでやればできるはずです。