###前提・実現したいこと
いつもお世話になっております。
jQueryでラジオボタンで選択した値とセレクトボックスのオプションを連動したいのですがうまくできません。
現在、switch文でチェックが入っているラジオボタン事にセレクトのオプションのテキスト部分を変更してますが、
ラジオボタン選択後、「option」タグが消え単なるテキスト表示になっていまいます。
「option」タグを残しつつ、テキストの部分だけ入れ替えるにはどうすればよろしいでしょうか。
お手数おかけしますが、ご教授よろしくお願いします。
###発生している問題
・ラジオボタン選択後、「option」タグが消え単なるテキスト表示になっていまいます。
###該当のソースコード
javascript
1<script type="text/javascript"> 2 $(function() { 3 //console change 4 $("input:radio[name='radiobutton']").change(function() { 5 var variationText = $("[name=radiobutton]:checked").val(); 6 var consoleName = ".select_table td"; 7 8 switch (variationText) { 9 case "1_1": 10 $(consoleName).text('セレクトボックス1'); 11 break; 12 13 case "2_1": 14 $(consoleName).text('セレクトボックス2'); 15 break; 16 17 case "3_1": 18 $(consoleName).text('セレクトボックス3'); 19 break; 20 21 default: 22 break; 23 } 24 }); 25 }); 26</script>
###該当のソースコード
HTML
1<table class="select_table" border="0" cellspacing="0" cellpadding="0"> 2 <tr> 3 <th nowrap="nowrap">セレクトボックス</th> 4 <td><select name="select01"> 5 <option value="s_01">セレクトボックス1</option> 6 <option value="s_02">セレクトボックス2</option> 7 <option value="s_03">セレクトボックス3</option> 8 </select></td> 9 </tr> 10</table> 11<table cellspacing="0" cellpadding="0"> 12 <tr> 13 <th>ラジオボタン</th> 14 <th>選択</th> 15 </tr> 16 <tr> 17 <th>ラジオボタン1</th> 18 <td><label> 19 <input type="radio" name="radiobutton" value="1_1" /> 20 </label></td> 21 </tr> 22 <tr> 23 <th>ラジオボタン2</th> 24 <td><label> 25 <input type="radio" name="radiobutton" value="2_1" /> 26 </label></td> 27 </tr> 28 <tr> 29 <th>ラジオボタン3</th> 30 <td><label> 31 <input type="radio" name="radiobutton" value="3_1" /> 32 </label></td> 33 </tr> 34</table> 35
###試したこと
switch文でチェックが入っているラジオボタン事にセレクトのオプションのテキスト部分を変更してます。
###補足情報(言語/FW/ツール等のバージョンなど)
テスト環境URL
https://cart-js-yujiokayama.c9users.io/index.html
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2017/04/03 12:18