Javascript 尝试在嵌入表单的表中的每一行创建一个可单击的列表,以使项目按设计工作(无提交按钮)
我已经解决了表格在表单中工作的问题。我刚刚添加了一个额外的Javascript 尝试在嵌入表单的表中的每一行创建一个可单击的列表,以使项目按设计工作(无提交按钮),javascript,php,html,forms,html-table,Javascript,Php,Html,Forms,Html Table,我已经解决了表格在表单中工作的问题。我刚刚添加了一个额外的字段,并在其中创建了一个隐藏的输入字段,该字段将为表中的每个提示发布一个单独的tipID。整个表也用form标记包装,以获得要发布到下一页的tipID 现在,我需要知道如何让每个单独的表行从表单发送数据,就像每个表行都是一个按钮,或者单击其中一个表行时隐藏按钮一样 <form method="post" action="tips.php"> <div id="tippanel"> <table i
字段,并在其中创建了一个隐藏的输入字段,该字段将为表中的每个提示发布一个单独的tipID。整个表也用form标记包装,以获得要发布到下一页的tipID
现在,我需要知道如何让每个单独的表行从表单发送数据,就像每个表行都是一个按钮,或者单击其中一个表行时隐藏按钮一样
<form method="post" action="tips.php">
<div id="tippanel">
<table id="tippabl">
<tbody>
<?php if(!empty($tips))
while ($recd = mysql_fetch_array($tips, MYSQL_ASSOC)) {
echo "<tr> <td class='tiptxt' >"; echo $recd['tip_desc']; echo "</td> <td class='tiptime'>";
echo "<span>".date('H:i', strtotime($recd['datetime']))."</span>"; echo "</br>";
echo date('m-d-y', strtotime($recd['datetime'])); echo"</td><td><input type=";
echo '"hidden" '; echo 'name='; echo '"tip_id" '; echo 'value="';
echo ($recd['tip_id']); echo'"></td></tr>';
}
?>
</tbody>
</table>
</div>
</form>
只需将表围成一个表单,在其中放置一个隐藏的输入字段
<form action="tips.php">
<input name="tipID" type="hidden" value="id" />
<div id="tippanel">
<table id="tippabl">
<tbody>
<?php
if(!empty($tips)) {
while ($recd = mysql_fetch_array($tips, MYSQL_ASSOC)) {
echo "<tr> <td class='tiptxt' >"; echo $recd['tipDescription'];
echo "</td> <td class='tiptime'>";
echo "<span>".date('H:i', strtotime($recd['dateTime']))."</span>";
echo "</br>"; echo date('m-d-y', strtotime($recd['dateTime']));
echo"</td></tr>";
}
}
?>
</tbody>
</table>
</div>
</form>
请提出更具体的问题。很难理解你想问什么..我在演示中看到了它在做什么,但是我对JavaScript非常陌生,我不完全理解它。我需要能够改变它正在做什么,以便使每一个表行都像一个按钮一样,将表单发送到下一页,以便检索帖子。我更新了上面的代码,以便您可以看到我遇到的新问题。
<form action="tips.php">
<input name="tipID" type="hidden" value="id" />
<div id="tippanel">
<table id="tippabl">
<tbody>
<?php
if(!empty($tips)) {
while ($recd = mysql_fetch_array($tips, MYSQL_ASSOC)) {
echo "<tr> <td class='tiptxt' >"; echo $recd['tipDescription'];
echo "</td> <td class='tiptime'>";
echo "<span>".date('H:i', strtotime($recd['dateTime']))."</span>";
echo "</br>"; echo date('m-d-y', strtotime($recd['dateTime']));
echo"</td></tr>";
}
}
?>
</tbody>
</table>
</div>
</form>
function addRowHandlers() {
var table = document.getElementById("tableId");
var rows = table.getElementsByTagName("tr");
for (i = 0; i < rows.length; i++) {
var currentRow = table.rows[i];
var createClickHandler =
function(row)
{
return function() {
var cell = row.getElementsByTagName("td")[0];
var id = cell.innerHTML;
alert("id:" + id);
};
};
currentRow.onclick = createClickHandler(currentRow);
}
}