Javascript 如何获取单击的行';s id值?
我通过从数据库中获取值生成了一个表。 我将主键值设置为行的id值,该行中也有按钮。 如何在单击按钮时获取相应的id值Javascript 如何获取单击的行';s id值?,javascript,php,html-table,onclick,row,Javascript,Php,Html Table,Onclick,Row,我通过从数据库中获取值生成了一个表。 我将主键值设置为行的id值,该行中也有按钮。 如何在单击按钮时获取相应的id值 while($pack = mysql_fetch_array($get_pack)) { echo"<tr id='<php echo $pack[id];?>'>"; echo'<td> <input name="edit_pack" type="button" value="Edit" onc
while($pack = mysql_fetch_array($get_pack))
{
echo"<tr id='<php echo $pack[id];?>'>";
echo'<td> <input name="edit_pack" type="button" value="Edit" onclick="javascript:edit_pack()"/></td>';
}
function edit_pack()
{
alert("package editing")
alert(this.id)
}
while($pack=mysql\u fetch\u数组($get\u pack))
{
回声“;
回声';
}
函数编辑_包()
{
警报(“包编辑”)
警报(this.id)
}
对于纯JavaScript解决方案,请尝试以下方法:
function edit_pack() {
alert(this.parentNode.parentNode.id);
}
第一个父节点将获得
,第二个将获得
。然后我们得到id
属性
或者,如果使用jQuery,语法会更好一些:
function edit_pack() {
alert($(this).closest('tr')[0].id;
}
请尝试以下纯JavaScript解决方案:
function edit_pack() {
alert(this.parentNode.parentNode.id);
}
第一个父节点将获得
,第二个将获得
。然后我们得到id
属性
或者,如果使用jQuery,语法会更好一些:
function edit_pack() {
alert($(this).closest('tr')[0].id;
}
试试这个:
var trid = $(this).closest('tr').attr('id');
试试这个:
var trid = $(this).closest('tr').attr('id');
您可以将其设置为js函数的参数
echo'<td> <input name="edit_pack" type="button" value="Edit" onclick="javascript:edit_pack( ' .$pack['id']. ' )"/></td>';
您可以将其设置为js函数的参数
echo'<td> <input name="edit_pack" type="button" value="Edit" onclick="javascript:edit_pack( ' .$pack['id']. ' )"/></td>';
只需将值放入JS调用中
PHP
只需将值放入JS调用中
PHP
也许这就是你需要的
while($pack = mysql_fetch_array($get_pack))
{
echo"<tr id='<php echo $pack[id];?>'>";
echo'<td> <input parentrow_id='<php echo $pack[id];?>' name="edit_pack" type="button" value="Edit" onclick="javascript:edit_pack(this.parentrow_id)"/></td>';
}
while($pack=mysql\u fetch\u数组($get\u pack))
{
回声“;
回声';
}
也许这就是你需要的
while($pack = mysql_fetch_array($get_pack))
{
echo"<tr id='<php echo $pack[id];?>'>";
echo'<td> <input parentrow_id='<php echo $pack[id];?>' name="edit_pack" type="button" value="Edit" onclick="javascript:edit_pack(this.parentrow_id)"/></td>';
}
while($pack=mysql\u fetch\u数组($get\u pack))
{
回声“;
回声';
}
如果不想使用jquery,请执行以下操作:
while($pack = mysql_fetch_array($get_pack))
{
echo"<tr id='<php echo $pack[id];?>'>";
echo'<td> <input name="edit_pack" type="button" value="Edit" onclick="javascript:edit_pack('<?php echo $pack[id];?>')"/></td>';
}
function edit_pack(pack_id)
{
alert("package editing");
alert(pack_id);
}
while($pack=mysql\u fetch\u数组($get\u pack))
{
回声“;
echo'如果不想使用jquery,请执行以下操作:
while($pack = mysql_fetch_array($get_pack))
{
echo"<tr id='<php echo $pack[id];?>'>";
echo'<td> <input name="edit_pack" type="button" value="Edit" onclick="javascript:edit_pack('<?php echo $pack[id];?>')"/></td>';
}
function edit_pack(pack_id)
{
alert("package editing");
alert(pack_id);
}
while($pack=mysql\u fetch\u数组($get\u pack))
{
回声“;
echo'试试这个:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("[name=edit_pack]").click(function(){
alert($(this).parents("tr").attr('id'));
});
});
</script>
<?php
echo"<table name='test'>";
echo"<tr id='20'>";
echo'<td> <input name="edit_pack" type="button" value="Edit" onclick="javascript:edit_pack()"/></td>';
echo"</tr>";
echo"</table>";
?>
$(文档).ready(函数(){
$(“[name=edit\u pack]”。单击(函数(){
警报($(this.parents(“tr”).attr(“id”));
});
});
试试这个:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("[name=edit_pack]").click(function(){
alert($(this).parents("tr").attr('id'));
});
});
</script>
<?php
echo"<table name='test'>";
echo"<tr id='20'>";
echo'<td> <input name="edit_pack" type="button" value="Edit" onclick="javascript:edit_pack()"/></td>';
echo"</tr>";
echo"</table>";
?>
$(文档).ready(函数(){
$(“[name=edit\u pack]”。单击(函数(){
警报($(this.parents(“tr”).attr(“id”));
});
});
while($pack=mysql\u fetch\u数组($get\u pack)){
回声“;
回声“;
回声“;
}
您可以在($pack=mysql\u fetch\u array($get\u pack))时传递参数JavaScript函数{
回声“;
回声“;
回声“;
}
您可以传递参数JavaScript函数echo”“;
-->echo”“;
顺便说一句,第一个echo语句是错误的。您不需要放置echo”“;
-->echo“”
顺便说一句,第一个echo语句是错误的。你不需要像发出通知那样发出错误的通知……注意:未定义的变量:第32行F:\wamp\www\Trading\Admin\packages.php中的id注意:未定义的索引:第32行F:\wamp\www\Trading\Admin\packages.php中的id注意:在F:\wamp中使用未定义的常量id-假定为“id”\www\Trading\Admin\packages.php第36行我认为这是我的错误。试试。$pack['id']注意:未定义的变量:第32行F:\wamp\www\Trading\Admin\packages.php中的id注意:未定义的索引:第32行F:\wamp\www\Trading\Admin\packages.php中的未定义索引:注意:在li上的F:\wamp\www\Trading\Admin\packages.php中使用未定义的常量id-假定“id”ne 36我认为这是我的一个错误。试试。$pack['id'],id被qoutemarks包围。