Question

我正在尝试在用户点击表格时发布一些表单数据，但我可以不能让它发挥作用。这是我到目前为止所尝试的：

<form Method="post">
  <table>
    <tr><th colspan="2">sometext</th></tr>
    <tr name="id" value="1"><td>Option 1</td><td>TEXT</td></tr>
    <tr name="id" value="2"><td>Option 2</td><td>TEXT</td></tr>
    <tr name="id" value="4"><td>Option 3</td><td>TEXT</td></tr>
  </table>
</form>

我想我可能需要使用JavaScript，但我不知道怎么做，因为我是JavaScript的新手。

Answer 1

使用Jquery

jQuery('tr').click(function(){
     jQuery('form').submit();
});

但是看看这篇文章可以进一步了解:) Forms

Answer 2

你去吧

<form Method="post" id="myForm">
<table id="mytable">
<tr><th colspan="2">sometext</th></tr>
<tr name="id" value="1"><td>Option 1</td><td>TEXT</td></tr>
<tr name="id" value="2"><td>Option 2</td><td>TEXT</td></tr>
<tr name="id" value="4"><td>Option 3</td><td>TEXT</td></tr>
</table>
</form>

对HTML进行少量更改

<script type="text/javascript">

onload=function(){
document.getElementById("mytable").addEventListener('click',function(){
document.getElementById("myForm").submit();
});
}

</script>

单击表格时发送表单数据

2 个答案: