プルダウンのoptionの表示・非表示はできますか？

締切済

質問者：bakusui
質問日時：2007/02/28 22:11
回答数：2件

JavaScriptを使ってプルダウン操作をしております。
一つ目のプルダウンで選択したあと2つ目のプルダウンのoptionの部分だけ表示・非表示をしたいのです。そんなことはできるのでしょうか？

下のソースで説明しますが、一つ目のリストで「あいうえお」を選択した時点で2つ目の選択リストの「ひらがな1」と「ひらがな2」だけを選択できるようにしたいのです。「カタカナ1」「カタカナ2」は非表示もしくは選択不可にできればいいのですが。

一つ目のプルダウンリスト
<select name="formtype" onchange="form_indicate();">
<option value="AAA">あいうえお
<option value="BBB">アイウエオ
</select>

二つ目のプルダウンリスト
<select name="formtype2">
<option value="aaa">ひらがな1
<option value="bbb">ひらがな2
<option value="ccc">カタカナ1
<option value="ddd">カタカナ2
</select>

通報する

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

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： leap_day
回答日時：2007/03/01 06:03

こんにちは

こんな感じでどうですか？

<script language="JavaScript"></script>
</head>
<body>
<form name="form" action="./test.cgi">
<select name="formtype" onChange="setMenu(this.selectedIndex)">
<option value="">選択すれば次のセレクトが出ます</option>
<option value="AAA">あいうえお</option>
<option value="BBB">アイウエオ</option>
</select>
<select name="formtype2" style="visibility:hidden">
<option value=""></option>
</select>
<input type="submit" value="送信" name="submit" style="visibility:hidden">
</form>

- 3
- 件

通報する

No.1

回答者： ANASTASIAK
回答日時：2007/02/28 22:47

このようなときは、２つ目を

<select name="formtype2a">
<option value="aaa">ひらがな1
<option value="bbb">ひらがな2
</select>
<select name="formtype2b">
<option value="ccc">カタカナ1
<option value="ddd">カタカナ2
</select>
のように２つに分けて、それぞれをstyleのdisplayでON/OFF
にします。

この回答への補足

早速の返信ありがとうございます。
optionのdisplayはできないのでしょうか？
確かに、おっしゃるその方法は試してOKではあったのですが、問題が発生しました。
実はCGIでプログラムを組んでいるのですが、本来のソースは以下のようになっています。

<select name="formtype" onchange="form_indicate();">
<option value="AAA" selected>あいうえお
<option value="BBB">アイウエオ
</select>

二つ目のプルダウンリスト
<select name="formtype2a">
<option value="aaa">ひらがな1
<option value="bbb">ひらがな2
</select>
三つ目のプルダウンリスト
<select name="formtype2b">
<option value="ccc">カタカナ1
<option value="ddd">カタカナ2
</select>

このようにソースを書いているのですが一つ目のプルダウンを「アイウエオ」に変更するとdisplayで3つ目のプルダウンが表示はされるのですがvalueが送られないのです。
CGIが悪いのかもしれませんが、とりあえずJavaScriptでoptionを非表示にできたらなあと思いまして・・・