チェックボックスの応用的な使い方について

解決済

質問者：jyopper
質問日時：2002/11/21 17:45
回答数：1件

こんにちは。質問させてください。
ＷＥＢの画面上にラジオボタンを２つとコンボボックスを１つ
用意します。
ラジオボタンの選択内容は"国内"と"海外"で
そのボタンをクリックするたびに
コンボボックスには地名がはいるようなものを作成したいと
考えています。
ちなみに国内なら東京、大阪、名古屋
海外なら、アメリカ、中国、イギリスなどです。
タイミング的にはOnClickイベントでJavaScriptだと思うのですが
どのようにすればよいでしょう？
ちなみに海外を選択して、国内をその後に選択すると
海外を選択した時にコンボボックスに格納したデータはなくなるように
したいです。
質問の内容がわかりづらいかもしれませんが
どうぞ宜しくお願いいたします。

通報する

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

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： madman
回答日時：2002/11/21 18:25

こんな感じです。

---
<HTML>
<HEAD>
<script type="text/javascript">
a1=new Array("東京","大阪","名古屋","福岡");
a2=new Array("日本","アメリカ","イギリス","ロシア");

function chg(sel)
{
if (sel.value == "1") {
for (i = document.F1.bbb.options.length; i>=0; i--) {
document.F1.bbb.options[i] = null;
}
for (i = 0; i < a1.length; i ++) {
document.F1.bbb.options[i] = new Option(a1[i], i);
}
}
if (sel.value == "2") {
for (i = document.F1.bbb.options.length; i>=0; i--) {
document.F1.bbb.options[i] = null;
}
for (i = 0; i < a2.length; i ++) {
document.F1.bbb.options[i] = new Option(a2[i], i);
}
}
}
</script>
</HEAD>
<BODY>
<FORM ACTION="." name="F1">
<INPUT value="1" type="radio" name="area" onClick="chg(this)">日本</INPUT>
<INPUT value="2" type="radio" name="area" onClick="chg(this)">海外</INPUT> <BR>
<SELECT NAME="bbb">
<OPTION value="0">
</SELECT>
</FORM>
</BODY>
</HTML>