WEB相談室

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

タイトル:プルダウンからプルダウンに値を連動するJSを表の中で使いたい。

0:[投稿] かなえ [2004/01/20 15:12 ][環境:わからない わからない]

「プルダウンからプルダウンに値を連動するjs」について
以前『NO.2014』に質問と回答があり、その回答を参考に作っているところなのですが、

そのjsを、
セルの中で使った場合、どうしても
エラーが出てしまいます・・・。

セルの中でプルダウンからプルダウンに値を連動させるjs
を使うことは可能なのでしょうか。
もし可能ならばそのjsについて教えていただけないでしょうか。
よろしくお願いいたします。


1:[回答] mama [2004/01/20 15:34 ]

こんなのですか

<HTML>
<HEAD>
<TITLE>SELECT タグの連動</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function funcSubmit() {
   if (document.formMain.pref.selectedIndex == 0 && document.formMain.city.selectedIndex == 0) {
       window.alert("都道府県と市町村を選択してください");
       return false;
   } else if (document.formMain.pref.selectedIndex == 0) {
       window.alert("都道府県を選択してください");
       return false;
   } else if (document.formMain.city.selectedIndex == 0) {
       window.alert("市町村を選択してください");
       return false;
   } else {
       return true;
   }
}

function funcMain(b) {
   if (document.formMain.pref.selectedIndex == 0) {
       document.formMain.city.length = 1;
       document.formMain.city.selectedIndex = 0;
   } else {
       if (b) {
           document.formMain.city.length = 1;
           document.formMain.city.selectedIndex = 0;
       }
       var city = cities[document.formMain.pref.selectedIndex - 1];
       document.formMain.city.length = city.length + 1;
       for (var i = 0; i < city.length; i++) {
           document.formMain.city.options[i + 1].value = i;
           document.formMain.city.options[i + 1].text = city[i];
       }
   }
}

var cities = new Array();
cities[0] = new Array("小平市", "町田市", "三鷹市");
cities[1] = new Array("大阪市", "豊中市");
cities[2] = new Array("名古屋市", "半田市", "瀬戸市");
cities[3] = new Array("千葉市", "市川市", "船橋市", "野田市", "柏市");
// -->
</SCRIPT>
</HEAD>
<BODY onLoad="funcMain(false)">
<FORM NAME=formMain METHOD=POST ACTION="hoge.html" onSubmit="return funcSubmit()">
<TABLE BORDER=1>
<TR><TD>都道府県</TD><TD>区市町村</TD><TD>&nbsp;</TD></TR>
<TR><TD>
<SELECT NAME="pref" onChange="funcMain(true)">
<OPTION VALUE="" SELECTED>(都道府県を選択してください)
<OPTION VALUE="0">東京都
<OPTION VALUE="1">大阪府
<OPTION VALUE="2">愛知県
<OPTION VALUE="3">千葉県
</SELECT>
</TD><TD>
<SELECT NAME="city">
<OPTION VALUE="" SELECTED>(市町村を選択してください)
<OPTION VALUE="">
<OPTION VALUE="">
<OPTION VALUE="">
<OPTION VALUE="">
<OPTION VALUE="">
<OPTION VALUE="">
<OPTION VALUE="">
</SELECT>
</TD><TD>
<INPUT TYPE=submit VALUE="登録">
</TD></TR>
</FORM>
</BODY>
</HTML>


2:[回答] mama [2004/01/20 15:36 ]

>1
</FORM>の前に</TABLE>が抜けていました。


3:[回答] かなえ [2004/01/20 16:41 ]

これです!ありがとうございました!
早速使います!

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World