- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：ラジオボタンではなくセレクトボックスで表の表示切換）
セレクトボックスで表の表示切換
このQ&Aのポイント
- セレクトボックスを使用して表の表示/非表示を切り替えたい場合、JavaScriptを使用します。
- セレクトボックスで選択した値に応じて、対応する表の表示状態を切り替えることができます。
- 上記のコードでは、<input>要素のチェック状態に応じて、<div>要素の表示/非表示を切り替えています。
- semboku_love
- お礼率4% (43/955)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
<!DOCTYPE html> <style> table:not(.on){display:none;} </style> <body> <select id="A"> <option> <option>1 <option>2 <option>3 </select> <table><tr><td>a</table> <table><tr><td>b</table> <table><tr><td>c</table> <script> let a; A.addEventListener ('change', ()=> { a && a.classList.remove ('on'); a = document.querySelector(`table:nth-of-type(${A.selectedIndex})`); a && a.classList.add ('on'); }, false); </script>
