怎么使同一个页面中的多个form生效？

如何使同一个页面中的多个form生效？？
文件index.html
里面有三个form
<li> 请选择你要进入的城市 </li>
<li />
<li>
<form name= "cityform " method= "post " action= "findcity.php ">
<select name= "province " onchange= "document.cityform.cityName(this.value) ">
<option value= " "> 请选择省份 </option>
</select>
<select name= "city ">
<option value= " "> 请选择城市 </option>
</select>
</li>
<li />
<li>
<input type= "submit " name= "submit " value= "提交选择 ">
<input type= "reset " name= "cancle " value= "重置 ">
</li>
</form>
</li>
<script language=javascript>
var cityouterHTML = document.cityform.city.outerHTML.substr(0, document.cityform.city.outerHTML.length-9);
function province()
{
var provinceName = [ "北京 ", "上海 ", "天津 ", "重庆 ", "广州 ", "深圳 ", "黑龙江 ", "吉林 ", "辽宁 ", "河北 ", "山东 ", "江苏 ", "浙江 ", "福建 ", "广东 ", "江西 ", "安徽 ", "河南 ", "山西 ", "内蒙古 ", "陕西 ", "湖北 ", "湖南 ", "海南 ", "广西 ", "贵州 ", "四川 ", "甘肃 ", "青海 ", "宁夏 ", "云南 ", "西藏 ", "新疆 "];
var e = document.cityform.province;
var s = e.outerHTML.substr(0, e.outerHTML.length-9) + "\r\n ";
for (var i=0; i <provinceName.length; i++){
s += " <option value= ' "+ provinceName[i] + " '> "+ provinceName[i] + " </option> \r\n ";}
s += " </select> ";
e.outerHTML = s;
}province();
function cityName(val)
{
var 北京 = [ "西城区 ", "东城区 ", "朝阳区 ", "海淀区 ", "宣武区 ", "崇文区 ", "丰台区 ", "大兴区 ", "昌平区 ", "房山区 "];
var 上海 = [ "南京 ", "苏州 ", "无锡 ", "常州 ", "镇江 ", "徐州 "];
var 天津 = [ " "];
var 重庆 = [ " "];
var 广州 = [ " "];
var 黑龙江 = [ "哈尔滨 ", "齐齐哈尔 ", "鸡西 "];

var e = document.cityform.city;
var s = cityouterHTML;
if (val == " ") {s += " </select> "; e.outerHTML = s; return;}

var 安徽 = [ "合肥 ", "翕县 ", "黄山 ", "祁门 ", "休宁 "];
var 江西 = [ "南昌 ", "九江 ", "赣州 ", "上饶 ", "新余 ", "景德镇 "];
var 黑龙江 = [ "哈尔滨 ", "齐齐哈尔 ", "鸡西 "];

var e = document.flowerform.city;
var s = cityouterHTML;
if (val == " ") {s += " </select> "; e.outerHTML = s; return;}
var a = eval(val);
for (var i=0; i <a.length; i++)
{
s += " <option value= ' "+ a[i] + " '> "+ a[i] + " </option> \r\n ";
}
s += " </select> ";
e.outerHTML = s;
}

function areaName(val)
{
var 杭州 = [ "西湖 ", "萧山 ", "市区 ", "绍兴 ", "金华 ", "湖州 "];
var 宁波 = [ "南京 ", "苏州 ", "无锡 ", "常州 ", "镇江 ", "徐州 "];
var 温州 = [ "合肥 ", "翕县 ", "黄山 ", "祁门 ", "休宁 "];
var 绍兴 = [ "南昌 ", "九江 ", "赣州 ", "上饶 ", "新余 ", "景德镇 "];
var 合肥 = [ "南昌 ", "九江 ", "赣州 ", "上饶 ", "新余 ", "景德镇 "];

var e = document.flowerform.area;
var s = areaouterHTML;
if (val == " ") {s += " </select> "; e.outerHTML = s; return;}
var a = eval(val);
for (var i=0; i <a.length; i++)
{
s += " <option value= ' "+ a[i] + " '> "+ a[i] + " </option> \r\n ";
}
s += " </select> ";
e.outerHTML = s;
}
</script>
</ul>
<hr align= "right " size= "5 " width= "220 ">

<ul>
<li> 查询送花目的地的花店 </li>
<li />
<li>
<form name= "areaform ">
<select name= "province " onchange= "cityName(this.value) ">
<option value= " "> 请选择 </option>
</select>
<select name= "city " onchange= "areaName(this.value) ">
<option value= " "> 请选择 </option>
</select>
<select name= "area ">
<option value= " "> 请选择 </option>
</select>
<li />
<li>
<input type= "submit " name= "submit " value= "搜索 " />
<input type= "reset " name= "cancle " value= "重置 " />
</li>
<script language=javascript>
var cityouterHTML = document.areaform.city.outerHTML.substr(0, document.areaform.city.outerHTML.length-9);
var areaouterHTML = document.areaform.area.outerHTML.substr(0, document.areaform.area.outerHTML.length-9);
function province()
{
var provinceName = [ "浙江 ", "江苏 ", "安徽 ", "江西 ", "黑龙江 "]; //这些数据可以从数据库中取得

var e = document.areaform.province;
var s = e.outerHTML.substr(0, e.outerHTML.length-9) + "\r\n ";
for (var i=0; i <provinceName.length; i++){
s += " <option value= ' "+ provinceName[i] + " '> "+ provinceName[i] + " </option> \r\n ";}
s += " </select> ";
e.outerHTML = s;
} province();
function cityName(val)
{
var 浙江 = [ "杭州 ", "宁波 ", "温州 ", "绍兴 ", "金华 ", "湖州 "];
var 江苏 = [ "南京 ", "苏州 ", "无锡 ", "常州 ", "镇江 ", "徐州 "];
var 安徽 = [ "合肥 ", "翕县 ", "黄山 ", "祁门 ", "休宁 "];
var 江西 = [ "南昌 ", "九江 ", "赣州 ", "上饶 ", "新余 ", "景德镇 "];
var 黑龙江 = [ "哈尔滨 ", "齐齐哈尔 ", "鸡西 "];
//这些数据可以从数据库中取得

var e = document.areaform.city;
var s = cityouterHTML;
if (val == " ") {s += " </select> "; e.outerHTML = s; return;}
var a = eval(val);
for (var i=0; i <a.length; i++)

{
s += " <option value= ' "+ a[i] + " '> "+ a[i] + " </option> \r\n ";
}
s += " </select> ";
e.outerHTML = s;
}

function areaName(val)
{
var 杭州 = [ "西湖 ", "萧山 ", "市区 ", "绍兴 ", "金华 ", "湖州 "];
var 宁波 = [ "南京 ", "苏州 ", "无锡 ", "常州 ", "镇江 ", "徐州 "];
var 温州 = [ "合肥 ", "翕县 ", "黄山 ", "祁门 ", "休宁 "];
var 绍兴 = [ "南昌 ", "九江 ", "赣州 ", "上饶 ", "新余 ", "景德镇 "];
var 合肥 = [ "南昌 ", "九江 ", "赣州 ", "上饶 ", "新余 ", "景德镇 "];
//这些数据可以从数据库中取得

var e = document.areaform.area;
var s = areaouterHTML;
if (val == " ") {s += " </select> "; e.outerHTML = s; return;}
var a = eval(val);
for (var i=0; i <a.length; i++)
{
s += " <option value= ' "+ a[i] + " '> "+ a[i] + " </option> \r\n ";
}
s += " </select> ";
e.outerHTML = s;
}
</script>
</li>

但是在这个页面中三个form失效

[解决办法]
提交的时候要指定form名字
[解决办法]
这么长的代码!!!
[解决办法]
最好把你的代码标记上行数，这样说起来方便一点的！

问题应该不难的。
[解决办法]
试一试用document.form1name.action = "aaaaaaaaaa.php ";
document.form1name.sumit= " ";

document.form2name.action = "bbbbbbbbb.php ";
document.form2name.sumit= " ";
....................................................
程序我没有时间看完，不知道我这样行不行？
[解决办法]
楼主的一些基本概念有待加强。
基本问题请问身边的同事，或看参考书，
在这里问，学习的速度太慢。

---
以下代码，稍稍改了一下，基本能达到你的要求。
不过，这样的代码，改进空间很大。
----------
<html>
<head>

<option value= " "> 请选择省份 </option>
</select>
<select name= "city ">
<option value= " "> 请选择城市 </option>
</select>
</li>
<li />
<li>
<input type= "submit " name= "submit " value= "提交选择 ">
<input type= "reset " name= "cancle " value= "重置 ">
</li>
</form>
<script language=javascript>
province(document.cityform);
</script>
<hr align= "right " size= "5 " width= "220 ">
<ul>
<li> 查询送花目的地的鲜花 </li>
<li />
<li>
<form name= "flowerform " method= "post " action= "findflower.php ">
<select name= "province " onchange= "cityName(this.value,document.flowerform) ">
<option value= " "> 请选择 </option>
</select>
<select name= "city " onchange= "areaName(this.value,document.flowerform) ">
<option value= " "> 请选择 </option>
</select>
<select name= "area ">
<option value= " "> 请选择 </option>
</select>
<li />
<li>
<input type= "submit " name= "submit " value= "搜索 ">
<input type= "reset " name= "cancle " value= "重置 ">
</li>
</form>
<script language=javascript>
province(document.flowerform);
</script>
</ul>
<hr align= "right " size= "5 " width= "220 ">
<ul>
<li> 查询送花目的地的花店 </li>
<li />
<li>
<form name= "areaform ">
<select name= "province " onchange= "cityName(this.value,document.areaform) ">
<option value= " "> 请选择 </option>
</select>
<select name= "city " onchange= "areaName(this.value,document.areaform) ">
<option value= " "> 请选择 </option>
</select>
<select name= "area ">
<option value= " "> 请选择 </option>
</select>
<li />
<li>
<input type= "submit " name= "submit " value= "搜索 " />
<input type= "reset " name= "cancle " value= "重置 " />
</li>
<script language=javascript>
province(document.areaform);
</script>
</body>
</html>

怎么使同一个页面中的多个form生效？

热点推荐