匿名質問者

jQuery セレクタの条件分岐


条件分岐について質問をさせてください。
< select id="color-select">
 < option value="tab-A">赤</option>
 < option value="tab-B">青</option>
< /select>
〜〜
< div id="tab-A">
  hogehoge
< /div>
< div id="tab-B">
  hugahuga
< /div>

このセレクターで、赤(value="tab-A")が選ばれた時に
tab-Aが表示。青が選ばれた時にtab-Bが表示されるようにしたいです。

普通のタブ切り替えなら問題なのですが、セレクタと連動させるというのが
うまく書けず悩んでおります。
具体的なソース等教えて頂けると嬉しいです。

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

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2013/08/07 15:06:11

ベストアンサー

匿名回答1号 No.1

$('#color-select').change(function(){
  $('#'+$('select').val()).show();
});

とか。動作の確認はしてません。

  • 匿名回答2号
    匿名回答2号 2013/08/07 15:14:10
    それじゃ選ばれてないdivが消えないので、こうじゃないっすかね?
    $("#color-select").change(function(){ $("div").hide(); $("#" + $(this).val()).show(); });

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません