![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
jQueryでのプルダウンの操作
jQueryでプルダウンを選択して値を変更したときに処理を行いたいです。
1つのプルダウンなら$("#test select").change(...)のようにかけると思いますが、プルダウンが複数あるときは$("#test select").change(...) $("#test2 select").change(...) のように1つ1つ書いていかなければならないのでしょうか?2つや3つなら問題ないのですが、数が増えてくると面倒だしメンテも大変なのでまとめて処理が行えればと思っています。
よろしくお願いします。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
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
- 回答日時:
まとめてやるなら、ループ文をつかうのはどうでしょうか?
例
$(function(){
var ct=$("#test select").length;
for(i=0;i<ct;i++){
$("#test select:eq("+i+")").change(function(){
alert('a');
})
})
})
実際、動かしてないので保証はしませんが、こんなイメージでやればできるはずです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) エクセルの数式で教えてください。 1 2022/10/25 09:26
- Excel(エクセル) Excel VBAプルダウンの値を変えながら2枚ずつ印刷する方法? 4 2022/05/27 13:04
- Excel(エクセル) ユーザー定義について質問です。 2 2023/06/28 13:21
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 1 2022/04/01 12:11
- 宅地建物取引主任者(宅建) エクセル 1 2023/01/31 21:29
- Excel(エクセル) エクセルについて教えてください。 2 2023/06/14 11:11
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 2 2022/06/10 11:06
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- Excel(エクセル) Excelのプルダウンメニューの内容を人によって可変する方法 2 2023/03/28 14:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Selectボックスの幅を自動で広...
-
プルダウン 項目が多いので先頭...
-
セレクトを全て選択されていな...
-
JQuery selectが反映されない
-
jQuery セレクトボックスで選択...
-
Selectの中身をfor文で入れる
-
onchange等のイベントハンドラ...
-
HTMLコンボボックスへの項目追加
-
テーブルにおける行(セルにプル...
-
セレクトボックスで現在選択さ...
-
jQueryでのプルダウンの操作
-
リストボックスの項目の順番を...
-
セレクトの値を取得できない
-
selectタグに直接onChangeを書...
-
return trueとreturn falseの用...
-
onchangeイベントを強制的に発...
-
javascriptでhiddenに二次元配...
-
ボタン2回押しを無効にしたい
-
【jQuery】input nameの文字列...
-
プルダウン選択を変更すると、...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
Selectボックスの幅を自動で広...
-
Selectの中身をfor文で入れる
-
html selectの内容を初期値に戻す
-
JQuery selectが反映されない
-
jQuery セレクトボックスで選択...
-
CSVファイルを読みこみ、プルダ...
-
セレクトを全て選択されていな...
-
現在時刻を取得してフォームのs...
-
セレクトの値を取得できない
-
リストボックスの項目の順番を...
-
onchange等のイベントハンドラ...
-
テーブルにおける行(セルにプル...
-
onFocusOutが複数回呼ばれる!
-
javascriptでプルダウンメニュ...
-
ブラウザの戻るボタンを押した...
-
<textarea>にプルダウンを表示...
-
javascriptでの2つのプルダウン...
-
selectタグに直接onChangeを書...
-
window.openで新しいタブが開か...
おすすめ情報