匿名質問者
匿名質問者匿名質問者とは「匿名質問」を利用して質問した質問者。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら

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回まで
  • 13歳以上
  • 登録:2013/08/07 11:31:43
  • 終了:2013/08/07 15:06:11

ベストアンサー

匿名回答1号 No.1

匿名回答1号「匿名質問」を利用した質問に回答すると「匿名回答○号」と匿名で表示されます。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら
2013/08/07 14:07:09

$('#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(); });

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

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

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

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません