複数の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自体あまりよくわかっていない状態です。
どなたかご教示いただければと思います。
よろしくお願いいたします。