KENT WEBのPostMailを利用して作ったフォームメールは正常に出来たのですが、java scriptを使用したプルダウン項目を貼り付けたところうまく作動しません。(エラーが出ます)具体的には以下の複数プルダウンでの選択絞込み式を入れたいのですが、根本的に無理なのでしょうか？
又、技術的に不可能な場合、結果的に同じようなPostMailが作れる方法が無いでしょうか？
<html>
<head>
<script type="text/javascript">
<!--
var area=0;
function setArea(n) {
area=n;
prefItem = [
["千葉県", "東京都", "神奈川県", "山梨県"],
["新潟県", "長野県", "富山県"],
["静岡県", "愛知県", "岐阜県", "三重県"]
];
len = document.form1.PrefID.options.length;
for (i=len-1; i>0; --i)document.form1.PrefID.options[i] = null;
if(n!=0){
document.form1.PrefID.style.visibility = "visible";
for (i=0; i<prefItem[n-1].length; i++)document.form1.PrefID.options[i+1] = new Option(prefItem[n-1][i]);
}
setPref(0);
}
function setPref(n) {
cityItem = [
[["chiba 1", "chiba 2"],["tokyo 1", "tokyo 2"],["kana 1", "kana 2"], ["yama 1", "yama 2"]],
[["nigata 1", "nigata 2"],["nagano 1", "nagano 2"],["toyama 1", "toyama 2"]],
[["shizu 1", "shizu 2"],["aichi 1", "aichi 2"],["gifu 1", "gifu 2"], ["nakao mie 1", "nakao mie 2"]]
];
len = document.form1.CityID.options.length;
for (i=len-1; i>0; --i) document.form1.CityID.options[i] = null;
if(n==0)return;
document.form1.CityID.style.visibility = "visible";
for (i=0; i<cityItem[area-1][n-1].length; i++) document.form1.CityID.options[i+1] = new Option(cityItem[area-1][n-1][i]);
}
//-->
</script>
</head>
<body>
<form name="form1">
<select name="AreaID" onChange="setArea(this.selectedIndex)">
<option value="0" selected>▼選択してください</option>
<option value="1">関東</option>
<option value="2">甲信越・北陸</option>
<option value="3">東海</option>
</select>
<select name="PrefID" onChange="setPref(this.selectedIndex)"><option value="0" selected>▼選択してください</option></select>
<select name="CityID" onChange=""><option value="0" selected>▼選択してください</option></select>
</form>
</body>
</html>
お礼
貴重なご意見有難う御座いました。
補足
KOHSHI様 ご回答有難う御座いました。ずーっと悩んで本屋に行ったり、図書館に行ったりしてますが、未だに駄目です。ご回答頂いた様にしたのですが他のエラーが出たりして更に混乱してきました。一旦違う方法を考えて見ます。貴重なご意見有難う御座いました。