在HTML页面里 怎么提交一个TABLE?

Question

在HTML页面里 怎么提交一个TABLE

Answer 1

最普通最常用最一般的方法就是用submit type..看代码：&nbsp;<form name=”form” method=”post” action=”#">&nbsp;<input type=”submit” name=”submit” value=”提交">&nbsp;</form>另外，还有一种常用的方法是使用图片：&nbsp;<form name=”form” method=”post” action=”# ">&nbsp;<input type=”image” name=”submit” src=”btnSubmit.jpg”>&nbsp;</form>使用链接来提交表单，用到了javascript的DOM模型：<form name=”form” method=”post” action=”#”>&nbsp;<a href=”javascript:form.submit();”>提交</a>&nbsp;</form>这种方法实际上是调用了一个javascript函数，使用javacript函数来提交表单，方法就非常多非常灵活了，比如可以把它加入到任意一个标签的onclick事件中：&nbsp;<form name=”form” method=”post” action=”#”>&nbsp;<div onclick=”javascript:form.submit();”>&nbsp;<span>提交</span>&nbsp;</div>&nbsp;</form>但是，如果一个表单里有需要有多个提交按钮怎么办呢？&nbsp;比如一个表单里的提交按钮所指向的处理页面不同，这样由于表单在定义的时候就已经确定下表单数据的处理页面，所以单纯地在表单里放多个提交按钮是没有办法达到目的的。这就需要javascript。&nbsp;首先定义一个函数：<script language=javascript>&nbsp;function query(){&nbsp;form.action=”query.php”;&nbsp;form.submit();}&nbsp;function update(){&nbsp;form.action=”update.php”;&nbsp;form.submit();}&nbsp;</script>通过javascript改变form的action属性值，这样就可以实现多提交按钮而且功能不同了，页面内代码如下：&nbsp;<form name=”form” method=”post” action=”#”>&nbsp;<input type=”button” name=”query” onclick=”query();” value=”查询”>&nbsp;<input type=”button” name=”update” onclick=”update();” value=”更新”>&nbsp;</form>上面一段代码，使用的是普通的按钮，而提交功能的实现方法是在它的onclick事件中调用javascript函数.

Answer 2

<table border="1" id="t_info" onclick="getCellValue()"><tr><td>1-1</td><td>1-2</td><td>1-3</td></tr><tr><td>2-1</td><td>2-2</td><td>2-3</td></tr><tr><td>3-1</td><td>3-2</td><td>3-3</td></tr></table><script language="javascript">function getCellValue() {var obj = document.getElementById("t_info");alert(obj.rows(1).cells(0).innerText);//显示第2行，第1列的内容}</script>form不管你里面有多少个table它只关心它的范围内有多少个可提交的表单元素。也就是说，它不管你里面的元素有多少个，只要是在<form></form>之间的表单元素，它都提交