WEB相談室

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

タイトル:プルダウンメニューを選んでボタンを押すと自動で選択されるには

0:[投稿] 雑魚仕事中 [2005/04/11 18:23 ][環境:IE6、WinXPProSP2 IIS5.0(Windows2000Server)]

失礼致します。

下のソースで、2つのプルダウンメニューを作り、collect1のプルダウンメニューを選択しボタンを押すと、collect1で選んだ項目がcollect2で自動で選ばれるようにしたいです。

例:collect1で「東京」を選ぶ
   ボタンを押す
   collcect2も「東京」を自動で選ぶ
つまり、collcect1で「さいたま」を選んで、ボタンを押すとcollect2でも「さいたま」が選ばれる

プルダウンメニューをJavaScriptで制御して作ろうと思います。JavaScriptは多少かじった程度で、全くの未経験ではありません。

どのように作成すればいいのかわからないので、あまり上手な質問文ではないと思われますが、宜しくお願い致します。

↓下が作成したソース

<html>
<head>
<title>汎用『選択メニューの連動』</title>
<script language="javascript">
 function same(){
   ここがわからない
 }
</script>
</head>
<body>
<form name="collectform">
<select name="collect1">
<option>選んでください</option>
<option>東京</option>
<option>名古屋</option>
<option>津</option>
<option>さいたま</option>
</select>
<select name="collect2">
<option>選んでください</option>
<option>東京</option>
<option>名古屋</option>
<option>津</option>
<option>さいたま</option>
</select>
<p>
<input type="button" value="ボタンを押す" onclick="same()">
</p>
</form>
</body>
</html>


1:[回答] ミツ [2005/04/11 20:42 ]

document.getElementsByName('collect2')[0].selectedIndex =
document.getElementsByName('collect1')[0].selectedIndex;

そのまんまコピペで。
内容にも興味があるならJavascript講座でも読んでみてください。
http://www.parkcity.ne.jp/~chaichan/src/2ndthema.htm


2:[完了] 雑魚仕事中 [2005/04/12 10:19 ]

ミツさん、遅くなりましたがありがとうございます。
コピペしたら、確かに動きました。
JavaScript講座は昼休みでも読んでみようと思います。

それでは、失礼致しました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World