如何在不使用ID的情况下选择锚标记内的按钮?

时间:2013-12-19 11:53:26

标签: javascript php jquery html

我有一个页面,其中PHP基于MySQL表动态生成按钮。每个按钮都在一个锚标签内。单击锚标记时,它会调用Javascript函数执行多个操作。

对于其中一个操作,我需要获取按钮的值并将其作为参数传递。 AFAIK,我不能使用ID,因为按钮是动态生成的,可能有任意数量。

这是按钮/锚码:

<a href="javascript:void(0)"onclick="updateDetails($(this).text(),$(this).closest('li').attr('id'),<SOMETHING HERE TO GET VALUE OF BUTTON>);"><button type="button" class="regbutton" value="'.$row['instance_id'].'">'.$row['DATE'].'</button></a></span>';

似乎像.next()这样的jQuery函数仅适用于像li这样的元素集,而不是两个不同的元素类型。有什么想法吗?

2 个答案:

答案 0 :(得分:0)

也许它不是有效的HTML,但你可以使它工作。 我做了一个JSFiddle示例,通过选择子项的button元素来检索值。

<script>
    function updateDetails(a, b, c){
        alert(c);
    }
</script>
<a href="#" onclick="updateDetails($(this).text(),$(this).closest('li').attr('id'), $(this).children('button').val());"><button type="button" class="regbutton" value="test">click</button></a>

我希望这个解决方案适合你:)。

的Stefan

答案 1 :(得分:0)

如果您使用JavaScript,我希望这样可以正常工作。

<!DOCTYPE html>
<html>
<head>
<script>
function test()
{
   alert("Hiii");
   var x=document.myForm.click.value;
   alert(x);
}
</script>
</head>
<body>
<form name="myForm" action="html_form_action.asp" method="get">
<a href="#"><input type="button" name="click" value="click" onclick="test()"/></a>
</form>
</body>
</html>