![](/img/trans.png)
[英]how can I prevent the navigation of the anchor tag that is a parent of a button from being executed without using preventDefault()?
[英]How can I select a button inside an anchor tag, without using an id?
我有一个页面,其中按钮是由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
之类的元素集,而不是两种不同的元素类型。 有任何想法吗?
也许它不是有效的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>
我希望此解决方案适合您:)。
斯特凡
如果您使用的是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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.