Skip to main content
markdownでの整形・javascriptタグを追加・コード中で抜けていた引用符を補完
ソース リンク
unarist
  • 1.5万
  • 5
  • 36
  • 78

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

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

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

  • select0(選択可能状態)
  • select1~3(disabled状態)

なっています。

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

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

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



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

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

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

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

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

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

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

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

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

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

ソース リンク

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

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