如何使用JAVASCRIPT从Input标签中获取值，输入标签的值是使用php从mysql数据库中获取的

Question

每当我提交框时，JS警报都需要出现，警报消息需要包含一个从输入标签中获取的值，输入标签的值是使用php从mysql数据库中获取的，每当我提交表单时，JS警报都会显示一条带有表的第一个值的消息，它还给出了表中的第一个值，而没有给出相关值如何获取？我的代码如下，在循环使用html标签时检查it.php

<?php
include "connection.php";
$sqlll="SELECT * FROM feedback";
$result=mysqli_query($conn,$sqlll);   
$count=mysqli_num_rows($result);
if($count > 0)
{
while($row=mysqli_fetch_assoc($result))
{
?>
<div class="msgshare">
<div class="contentt">
<div class="userr">
<h3><i class="fa fa-user-circle"></i><?php echo $row["username"] ?></h3>
<h5><?php echo $row["img_location"] ?></h5>
</div>
<div class="imgg">
<img src="../images/feedback/<?php echo $row["img_file"] ?>" height="400px" width="400px">
</div>
<div class="likes">
<form class="likeform" onsubmit="likeso()" method="POST" action="likes.php">
<input type="hidden" id="imgile" name="imaggg" value="<?php echo $row["img_file"] ?>">
<?php
$imga=$row['img_file'];
$sql="SELECT * FROM likes WHERE `username`='$user11' AND `image`='$imga' AND `likes`='true';";
$reslt=mysqli_query($conn,$sql);
$row1=mysqli_num_rows($reslt);
$sql3="SELECT * FROM likes WHERE `image`='$imga';";
$rslt=mysqli_query($conn,$sql3);
$count=mysqli_num_rows($rslt);
if($row1 > 0)
{
echo '<button style="cursor:pointer;" name="like" type="submit" id="likepost" class="like-btn"><i id="empty" class="fa fa-heart pink"></i></button> '.$count.' likes';
}
else
{
echo '<button style="cursor:pointer;" class="willlike" name="like" type="submit" id="likepost" class="like-btn"><i id="empty" class="far fa-heart"></i></button> '.$count.' likes';
}
?>
</form>
</div>
<div class="descriptionn">
<p><span class="desc">DESCRIPTION : </span><?php echo $row["img_description"] ?></p>
</div>
</div>
</div>
<?php
}
}
else
{
echo "<p>There is no more Feedbacks are shared...</p>";
}
?>

以下是一个onsubmit事件的JAVASCRIPT代码。

<script>
function likeso()
{
var iage=document.querySelector('input').value;
var val="imagge=" + iage;
alert(val);
}
</script>

Answer 1

如果通过添加event来更改函数调用

<form class="likeform" onsubmit="likeso(event)" method="POST" action="likes.php">

并更改函数本身以使用event

function likeso(e)
{
var iage=e.target.querySelector('input').value;
var val="imagge=" + iage;
alert(val);
}

此外，您不能复制ID值，因此

<input type="hidden" id="imgile" name="imaggg" value="<?php echo $row["img_file"] ?>">

应更改为(删除ID，不需要(

<input type="hidden" name="imaggg" value="<?php echo $row["img_file"] ?>">

这同样适用于您为其分配ID的任何元素——它必须是唯一的。如果ID的目的是便于在使用document.getElementById的Javascript中轻松选择，那么拥有重复的ID就没有意义了，因为它应该选择哪个元素？通常，您可以在不使用ID的情况下完成大多数任务，因此在许多cass中，最好删除它们，尤其是在添加到循环中时。