Skip to main content
1 / 2

jquery 複数のselect(disabled状態)を、順番に選択可能に

こんにちは。よろしくお願いいたします。
現在、jqueryを使って下記のような動きを試みています。

4つのselectタグ(0番~3番とします)があり、デフォルトでは
・select0(選択可能状態)
・select1~3(disabled状態)
となっています。

これを、0が選択されたら次の1を選択可能に、1が選択されたら次の2を・・・と順番に選んでいけるようにしたく、下記のようにIDを指定して個別に書く方法ではなんとかできるようになりました。

$("#select0).change(function(){ $("#select1").removeAttr("disabled"); });
$("#select1).change(function(){ $("#select2").removeAttr("disabled"); });



上記の書き方でselect3まで繰り返して書いています。

これを、eq: などを使ってもっとスマートに書きたいのですが変数?の書き方がわからず困っています。

$("select").change(function(){
$("select").eq(ここに自身の番号に+1した番号).removeAttr("disabled");
});

こんな感じでまとめることは可能でしょうか?
当方、javascript自体あまりよくわかっていない状態です。
どなたかご教示いただければと思います。

よろしくお願いいたします。