条件分岐について質問をさせてください。
< 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が表示されるようにしたいです。
普通のタブ切り替えなら問題なのですが、セレクタと連動させるというのが
うまく書けず悩んでおります。
具体的なソース等教えて頂けると嬉しいです。
よろしくお願いいたします。
$('#color-select').change(function(){ $('#'+$('select').val()).show(); });
とか。動作の確認はしてません。
コメント(1件)
$("#color-select").change(function(){ $("div").hide(); $("#" + $(this).val()).show(); });