- ベストアンサー
プルダウンメニューで問題集の解答を表示する方法
- プルダウンメニューを使用して問題集の解答を表示する方法について説明します。
- 問題集は1～5章まであり、各章には節とその中の問題があります。
- プルダウンメニューの第一の選択肢では1～5章と付録、総合問題が表示されます。第二の選択肢では問題の種類が表示され、それに対応する解答のPDFが表示されます。
- bad-ama
- お礼率50% (2/4)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
サンプルです。 http://d.hatena.ne.jp/Mars/20071109 ※こちらのページから「ライブラリ（ConnectedSelect.js）」というのを貰って、 htmlと同じページに置いてください。 <html> <head> <title></title> <script type="text/javascript" src="ConnectedSelect.js"></script> <script type="text/javascript"> function jump() { var C1 = document.getElementById('C1'); var C2 = document.getElementById('C2'); var VALUE = (C2.disabled)? C1.options[C1.selectedIndex].value: C2.options[C2.selectedIndex].value; if(VALUE) location.href=VALUE; else alert('選択されていません'); } </script> </head> <body> <select id="C1"> <option value="">章・節</option> <option value="1.1">1.1</option> <option value="1.2">1.2</option> <option value="2.1">2.1</option> <option value="furoku.pdf">付録問題</option> <option value="tougou.pdf">総合問題</option> </select> <select id="C2"> <option value="">項</option> <optgroup label="1.1"> <option value="111.pdf">1.1.1</option> <option value="112.pdf">1.1.2</option> </optgroup> <optgroup label="1.2"> <option value="121.pdf">1.2.1</option> <option value="122.pdf">1.2.2</option> </optgroup> <optgroup label="2.1"> <option value="211.pdf">2.1.1</option> <option value="212.pdf">2.1.2</option> </optgroup> </select> <input type="button" value="表示" onclick="jump()"> <script type="text/javascript"> ConnectedSelect(['C1','C2']); </script> </body> </html>
