Javascript 使用HTML表格单元格作为输入
我对php、HTML和mysql非常熟悉。这是我第一次使用HTML表 我用MySQL表中的行填充了一个HTML表。我希望此表作为一个菜单,用户可以在其中单击具有适当日期的单元格。然后,该日期将作为会话变量传递,以使用另一个.php文件从MySQL表中的对应行获取更多信息 问题:如何从作为变量单击的表格单元格中获取日期 以下是我目前的表格:Javascript 使用HTML表格单元格作为输入,javascript,php,html,ajax,Javascript,Php,Html,Ajax,我对php、HTML和mysql非常熟悉。这是我第一次使用HTML表 我用MySQL表中的行填充了一个HTML表。我希望此表作为一个菜单,用户可以在其中单击具有适当日期的单元格。然后,该日期将作为会话变量传递,以使用另一个.php文件从MySQL表中的对应行获取更多信息 问题:如何从作为变量单击的表格单元格中获取日期 以下是我目前的表格: <div div style="height:200px;width:350px;overflow:auto;"> <table
<div div style="height:200px;width:350px;overflow:auto;">
<table class="table">
<tr>
</tr>
<?php
echo "<tbody>";
while($result = mysqli_fetch_assoc($sql)) {
echo "<tr>";
echo "<td>". $result['iso_date'] . "</td>";
echo "<td>". $result['lab_monitor'] . "</td>";
}
echo "</tr>";
?>
</table>
</div>
使用Jquery和Ajax
HTML
<td data-id='".$result['iso_date']."'>
<button class='date-button'>Reserve Book</button>
</td>
存折
脚本
<script>
$('.date-button').click(function(){
var iso_date = $(this).parent().data('id');
$.ajax
({
url: 'otherPhp.php',
data: {"iso_date": iso_date},
type: 'post',
success: function(result)
{
alert(result);
}
});
});
</script>
$('.date按钮')。单击(函数(){
var iso_date=$(this.parent().data('id');
$.ajax
({
url:'otherPhp.php',
数据:{“iso_日期”:iso_日期},
键入:“post”,
成功:功能(结果)
{
警报(结果);
}
});
});
确保导入Jquery
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
或者您可以在不使用javascript的情况下执行类似操作:
echo "<td><a href='whatEverURL.php?myParameter=".$result['iso_date']."'>". $result['iso_date'] . "</a></td>";
echo”“;
然后,您可以使用
$\u GET['myParameter']
读取URL参数,并在同一个php文件中赋值。看看ajax。看看这个问题的答案。我用了最后一句回音,效果很好。谢谢你的帮助!np:-)不客气