jquery - 表格中的提交按钮

Question

我不想使用表格。我想要一个提交按钮并发送一些关于提交按钮的信息。

<div id="tab" >
<table>
       <td>Num</th>
       <tr>Name </th>
       </td>
       <td> <tr>  Num</td>
       <tr>Name2 </th>
       </td>

</table>

 <input type="submit" id="mysubmit1" Value="Submit this" />
</div>

<script>
$('#tab').submit(function(e) {  
    //some code here.
}  
</script>

我在获取提交按钮获取参考时遇到问题，以便我可以获取所有内容。我也试过 div.tab 。在这种情况下我是否遗漏了什么

Answer 1

首先尝试更正表中的节点标签（tr，td），如下所示。它非常杂乱无章。

<table>
  <tr>
   <td>Num</td>
   <td>Name </td>
  </tr>
  <tr>
   <td>Num</td>
   <td>Name2</td>
  </tr>
</table>

Answer 2

你为什么不尝试类似的东西

<input type="button" id="mysubmit1" Value="Submit this" onclick="javascript:myfun()" />

然后function使用创建javascript

<script language="javascript">
function myfun(){
//do your work
}
</script>

Answer 3

试试下面的东西。​</p>

​$('#mysubmit1').on('click',function(){
     $('#tab').submit();
});​​​​​​​​​​​


 $('#tab').submit(function() {
       alert('Submitted');
      return false;
 });

​</p>

Answer 4

要发送用户未输入的信息，您仍然可以使用带有 type 属性设置为 hidden 的 input 元素的表单，例如，

<form method="post">
    <input name="field" type="hidden" value="<the data you want to send>" />
</form>

然后就可以正常处理生成的post请求了