アプリ版：「スタンプのみでお礼する」機能のリリースについて

プルダウンメニュー

解決済

  • 質問者：bad-ama
  • 質問日時：
  • 回答数：1件

ある問題集の解答を掲載したいと思っています。
問題集は1～5章まであり、各章に1.1や3.1A等の節があり、各節にAからBないしC問題があり、その中に111,112,113...というふうに問題があります。また巻末に付録問題と総合問題があります。（付録、総合問題にはAやB問題というのはなく単に問題があるだけです）
これらを、プルダウンメニューのコンボ（1つめに選んだメニューによって2つめで選ぶメニューを変化させ、「表示」ボタンで解答のPDFを表示する）の形にしたいです。
具体的には、1つ目で1.1や3.1A等の節及び付録問題、総合問題を表示させ、2つ目でAからBないしC問題の選択肢を表示させたいです。ですが、１つ目で付録や総合を選んだ場合には単に「問題」だけを表示させたいです。問題はA、B問題ごとにPDF表示させるつもりです。
本で調べたのですが複雑なのはわかりませんでした。わかる方おられましたら、お教え下さい

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： steel_gray
  • 回答日時：

サンプルです。


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>
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報