使用 button with js 获取 while 循环的值

Question

如何使用带有 js 的按钮获取 while 循环中的值？

<?php
while ($row = mysqli_fetch_array($query))
{
echo '<input type="text" name="sample" value="'.$row['sample'].'">';
} 
?>

谢谢

Answer 1

您可以在单击按钮时获取文本框的值。

<input type="text" name="sample[]" value="abc" class="valueInput">
<input type="text" name="sample[]" value="xyz" class="valueInput">
<input type="text" name="sample[]" value="pqr" class="valueInput">
<input type="button" class="getValue" value="Get Value">

注意：我已经设置了静态输入框，您可以使其动态化，但请确保请将类添加为 valueInput。

Jquery Code.

$(document).on('click','.getValue',function(){
var valArr = [];
$(".valueInput").each(function(){
valArr.push($(this).val());
});
console.log(valArr);
})

Answer 2

输入字段的名称应指示带有 [] 的数组。

<form action="action.php" method="POST">
<?php
while ($row = mysqli_fetch_array($query)){
echo '<input type="text" name="sample[]" value="'.$row['sample'].'">';
} 
?><input type="submit">
</form>

操作.php：(处理提交时的数据(

<?php
echo "<pre>";
print_r($_POST['sample']);
echo "</pre>";