在Javascript中获取PHP foreach循环中的按钮值,可以通过以下步骤实现:
<?php
$values = array('value1', 'value2', 'value3');
foreach($values as $value) {
echo '<button class="btn" data-value="'.$value.'">'.$value.'</button>';
}
?>
在上面的代码中,使用了data-value
属性来存储按钮的值。
document.getElementsByClassName
或document.querySelectorAll
方法获取所有按钮的引用。然后,遍历按钮列表,并使用getAttribute
方法获取存储的值。示例代码如下:var buttons = document.getElementsByClassName('btn'); // 或者使用 document.querySelectorAll('.btn');
Array.from(buttons).forEach(function(button) {
var value = button.getAttribute('data-value');
console.log(value); // 在控制台打印按钮的值
});
在上面的代码中,getElementsByClassName
方法返回的是一个HTMLCollection对象,我们将其转换为数组使用Array.from
方法。
这样,通过遍历获取按钮的值,就可以在Javascript中获取PHP foreach循环中的按钮值了。
(注:本回答中不涉及任何特定的云计算产品或品牌)
领取专属 10元无门槛券
手把手带您无忧上云