关于js 提交表单的问题 ，求高手帮个忙啊
本帖最后由 lingfengbuluo 于 2012-12-14 11:35:45 编辑 做了一个表格分别有各自的按钮，如何按各自的按钮提交各自的表单值，我太菜 弄的点击每个按钮都提交所有的表单值
?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
.tab {
height: 35px;
width: 100px;
}
.tab1 {
height: 35px;
width: 120px;
}
.tab2 {
height: 30px;
width: 120px;
}
.tab3 {
height: 25px;
width: 120px;
}
-->
</style>
</head>
<body>
<div id="d2">
<form name="myform" action="/cgi-bin/setfile.htm" method="get">
<table width="549" border="1" cellspacing="0" cellpadding="0">
<tr>
<th width="142" height="30" scope="col">Title</th>
<th width="120" scope="col">Parameter</th>
<th width="120" scope="col">Parameter</th>
<th width="120" scope="col">Parameter</th>
<th width="35" scope="col">SET</th>
</tr>
<tr>
<th height="27" scope="row"><div align="left">Set Eth</div></th>
<td><select name="name" class="tab3" id="select3">
<option value="eth1">Eth 1</option>
<option value="eth2">Eth 2</option>
<option value="eth3">Eth 3</option>
<option value="eth4">Eth 4</option>
</select></td>
<td><select name="name1" class="tab3" id="select">
<option value="10half">10M Half</option> <!--110m 代表10m -->
<option value="10full">10M Full</option>
<option value="100hal"> 100M Half</option>
<option value="100ful">100M Full</option>
<option value="autong">Auto-Neg</option>
</select></td>
<td> </td>
<td><input type="submit" id="button" value="Set" /></td>
</tr>
<tr>
<th height="27" scope="row"><div align="left">Set Vlan Priority</div></th>
<td><select name="name2" class="tab3" id="select4">
<option value="swit">Switch priority</option> <!--swit代表switch priority -->
<option value="soft">Soft priority</option> <!--soft 代表soft priority -->
</select></td>
<td> </td>
<td> </td>
<td><input type="submit" id="button2" value="Set" /></td>
</tr>
<tr>
<th height="27" scope="row"><div align="left">Set Vlan Enable</div></th>
<td><select name="name3" class="tab3" id="select5">
<option value="enable">Enable</option>
<option value="diable">Disable</option>
</select></td>
<td> </td>
<td> </td>
<td><input type="submit" id="button3" value="Set" /></td>
</tr>
<tr>
<th height="27" scope="row"><div align="left">Set Vlan Group</div></th>
<td><select name="name4" class="tab3" id="select6">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<!--inval 代表 in valid-->
</select></td>
<td><select name="name5" class="tab3" id="select2">
<option value="inval">invalid</option>
<option value="valid">valid</option>
</select></td>
<td><select name="name6" class="tab3" id="select12">
<option value="12">1-2</option>
<option value="13">1-3</option>
<option value="14">1-4</option>
<option value="23">2-3</option>
<option value="24">2-4</option>
<option value="34">3-4</option>
</select></td>
<td><input type="submit" id="button4" value="Set" /></td>
</tr>
<tr>
<th height="27" scope="row"><div align="left">Set E1 Loop</div></th>
<td><select name="name7" class="tab3" id="select7">
<option value="local">Local</option>
<option value="remot">Remote</option> <!--remot 代表remote -->
</select></td>
<td><select name="name8" class="tab3" id="select10">
<option value="ho">Hole</option>
<option value="e1">E1-1</option>
<option value="e2">E1-2</option>
<option value="e3">E1-3</option>
<option value="e4">E1-4</option>
<!--ho 代表hole -->
</select></td>
<td><select name="name9" class="tab3" id="select11">
<option value="loop">Loop</option>
<option value="nolp">No loop</option> <!--nolp 代表no loop -->
</select></td>
<td><input type="submit" id="button5" value="Set" /></td>
</tr>
<tr>
<th height="27" scope="row"><div align="left">Set Opt Loop</div></th>
<td><select name="name10" class="tab3" id="select8">
<option value="optloop">Opt call loop</option> <!--optloop 代表 opt call loop-->
</select></td>
<td><select name="name11" class="tab3" id="select9">
<option value="loop">Loop</option>
<option value="nolp">No loop</option> <!--nolp 代表no loop -->
</select></td>
<td> </td>
<td><input type="submit" id="button6" value="Set" /></td>
</tr>
<tr>
<th height="27" scope="row"><div align="left">Recovery Default</div></th>
<td> </td>
<td> </td>
<td> </td>
<td><input type="submit" id="button7" value="Set" /></td>
</tr>
<tr>
<th height="27" scope="row"><div align="left">Reset</div></th>
<td> </td>
<td> </td>
<td> </td>
<td><input type="submit" id="button8" value="Set" /></td>
</tr>
</table>
</form>
</div>
<div id="d1" alt="关于js 提交表单的有关问题 ，求高手帮个忙" />
[解决办法]
每个tr用一个form包裹起来，不过这样标签有点错乱，不标准，但是能解决你的问题，要不你就需要重新布局
<form name="myform" action="/cgi-bin/setfile.htm" method="get">
<tr>
<th height="27" scope="row"><div align="left">Set Eth</div></th>
<td><select name="name" class="tab3" id="select3">
<option value="eth1">Eth 1</option>
<option value="eth2">Eth 2</option>
<option value="eth3">Eth 3</option>
<option value="eth4">Eth 4</option>
</select></td>
<td><select name="name1" class="tab3" id="select">
<option value="10half">10M Half</option> <!--110m 代表10m -->
<option value="10full">10M Full</option>
<option value="100hal"> 100M Half</option>
<option value="100ful">100M Full</option>
<option value="autong">Auto-Neg</option>
</select></td>
<td> </td>
<td><input type="submit" id="button" value="Set" /></td>
</tr>
</form>
<form name="myform" action="/cgi-bin/setfile.htm" method="get">
<tr>
<th height="27" scope="row"><div align="left">Set Vlan Priority</div></th>
<td><select name="name2" class="tab3" id="select4">
<option value="swit">Switch priority</option> <!--swit代表switch priority -->
<option value="soft">Soft priority</option> <!--soft 代表soft priority -->
</select></td>
<td> </td>
<td> </td>
<td><input type="submit" id="button2" value="Set" /></td>
</tr>
</form>
[解决办法]
请了解什么是form提交，提交的内容是什么，什么数据会提交，什么数据不会提交，问题自然解决