如何使整个表格单元格充当可单击的表单区域

时间:2014-05-15 03:07:28

标签: php html css html5

我有一个带有单元格的表格,我希望其中的所有内容都是可点击的 我需要单元格中的数据通过表单

来POST数据
<td  BGCOLOR="#77777" align="center" valign="center">
<form method="post" action="index.php?option=com_content&view=article&id=11"  name="details">
<input type="hidden" id="UUID" name="UUID" value="<?php echo $dealUUID?>">
<input type="image"  height="300" width="365" src="php_scripts/getdealimage.php?id='<?php echo $dealUUID?>'" name="checked" value="<?php echo $info[0]; ?>">
</form>
<div id="dealdata">
<br /><?echo $dealpromo;?> 
<h1><?echo $dealvalue; ?></h1>
</div> 
</td>

所以我希望整个区域都是可点击区域并发送表单数据

1 个答案:

答案 0 :(得分:0)

要提交表格单元格,您可以使用此

$('td > form').each(function(i,e){
   var form = $(this);
   var cell = form.parent();
   if(cell.is('td')){
     cell.click(function(){
       form.submit();
     });
   }
});

如果你想要关注链接,jsut修改form.submit()部分以使用form.attr(&#39; action&#39;)更改window.location.href。