检测用户单击HTML表TD并获取价值 [英] Detect user click on an HTML table TD, and get value

问题描述

您好，我试图在访问者点击"td"时发布一些数据

hello im trying to post some data when visitors click on a "td"

这是代码

<form method="post" name="randoms">
<tr><td value="1" name="somedata">Click me 1</td></tr>
<tr><td value="2" name="somedata">Click me 1</td></tr>
<tr><td value="3" name="somedata">Click me 1</td></tr>
<tr><td value="4" name="somedata">Click me 1</td></tr>
</form>

我在这里想要的是，如果访问者单击"Click me 1"，它将发布该表单，然后将无法获取somedata php.

Soo what i want here is that if a visitor clicks at "Click me 1" it post the form and then il be ablee to grab the somedata whit php.

<?php
$somedata = $_POST["somedata"];
?>

我已经尝试解决了一段时间，但是我只是找不到解决方法，我很确定有掠夺方法来解决这个问题，只是没有找到其中一种方法.

ive tried to solve this for a while now but i can just not find a way to do this, im pretty sure there are loots way to do it ive just not found one of those ways.

ive尝试了此javascript.

ive tried this javascript.

<script type="text/javascript">
function submitForm(sub) {
document.forms[sub].submit();
}
</script>

然后我就尝试使用

<a HREF="#" onClick="submitForm('randoms')"> Somedata1 </a>

推荐答案

如上所述，您的表格格式不正确，请添加开始和结束标记

as mentioned above, your table is not formatted well, add opening and closing tags

使用禁令ID或类<form id="myForm"... >

像

<td data-id="1" data-some-data="somename">

以以下形式添加2个隐藏的输入项:

add 2 hidden input fieod in the form:

<input type="hidden" id="myId" >
<input type="hidden" id="somedata" >    

尝试类似

$( "#myForm td" ).click(function() {
  $('#myId").val($(this).data('id'));
  $('#somedata").val($(this).data('someData'));
  $( "#myForm" ).submit();
});

，当然还有一个表单操作网址.

and of course et up a form action url.

如果您真的想安全检查数据属性.存在像

if you really wanna be safe check if data attr. exists like

if ($(this).data().hasOwnProperty( 'someData') )  { //do stuff } 

好吧，如果你想单击特定的td像这样向他们添加课程

ok if u wanna click specific td add a class to them like

<td class="clickable"...... 

修饰符

 $( "#myForm td" ).click(function() 

到

$( "td.clickable" ).click(function() {

这篇关于检测用户单击HTML表TD并获取价值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！