WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:HTMLのFORM、OPTIONで2つの項目1度に選ぶには?

0:[投稿] em [2006/05/26 13:14 ] [環境:わからない わからない]

HTMLのフォームについて教えて下さい。

<FORM METHOD="POST" ACTION="ss.pl">
<SELECT NAME = "背景">
<OPTION value="01">水玉(ブルー)</OPTION>
<OPTION value="03">チェック(ピンク)</OPTION>
</SELECT>
<SELECT NAME = "色">
<OPTION value="steelblue">ブルー</OPTION>
<OPTION value="palevioletred">ピンク</OPTION>
</SELECT>
<INPUT type="submit" value="実行">
</FORM>
これだと背景と色をそれぞれ選ばないといけませんが、
背景..水玉(ブルー)を選ぶと色..ブルー
背景..チェック(ピンク)を選ぶと色..ピンク
というように1度に2項目選ぶ方法ってあるのでしょうか

よろしくおねがいします。


1:[回答] jam [2006/05/26 13:35 ]

formに名前をつけさせてもらったのとselectの名前を
変えさせてもらいました。
で、それぞれのリストの順番が対応づけられてるなら
以下のような感じでいけるかと。
--
<form name="f1" method="post" action="ss.pl">
<select name="bg" onChange="document.f1.color[document.f1.bg.selectedIndex].selected=true">
<option value="01">水玉(ブルー)</option>
<option value="03">チェック(ピンク)</option>
</select>
<select name="color">
<option value="steelblue">ブルー</option>
<option value="palevioletred">ピンク</option>
</select>
<input type="submit" value="実行">
</form>


2:[完了] em [2006/05/26 14:12 ]

jam様

ありがとうございます。
出来ました!すごいです!
とても助かりました

回答(必須): 状態:

お名前(必須):

URL:




[戻る]