我的其他表单没有提交

Question

所以我创建了一个页面来打印数据库中每个聊天的div，每个聊天都有一个表单附加到它。当我点击表单时，表单被提交并显示无输入，并且它的值被发送到php来完成其他事情。现在的问题是，即使代码是相同的，只有第一个div的表单被提交。表单在div上是正确的，并且它是绝对显示的。这两种形式是相同的，但我需要同时工作和获得相同的PHP代码。代码：HTML

<div class="chaty"> 
<form method="post" action="index.php" name="chat_lox" id="chat_loc"> 
<input type="text" name="chat_locy" 
value="5e2dbe2be3b5927c588509edb1c46f7d"> 
</form> 
<div class="chatDesc" id="84281145"> 
<div class="tit">Creator: </div> 
<div class="iriss"><i id="close_chatn" onclick="closeChat(84281145)" 
class="material-icons">close</i></div> 

<form action="mypage.php" method="post"> 


<div class="authr_name"><button value="John Brown" name="userlink" 
class="subm_as_text">Hitsuji</button></div> 
</form> 
<div class="titd"><h3>Description</h3></div> 
<div class="description_chat">jaames</div> 
</div> 


<span onclick="openChat(84281145)">☰</span> 
<div class="chatname"><h3>james</h3></div> 
<div class="chatback"></div> 
<div class="underlie"><p>Users: 1</p><p> Created: 2017/07/28 07:09:40pm</p> 
</div> 

</div> 
<!-- one that doesn't work --> 
<div class="chaty"> 
<form method="post" action="index.php" name="chat_lox" id="chat_loc"> 
<input type="text" name="chat_locy" 
value="9503e253936e716f18d9c57b4f97d618"> 
</form> 
<div class="chatDesc" id="6179276"> 
<div class="tit">Creator: </div> 
<div class="iriss"><i id="close_chatn" onclick="closeChat(6179276)" 
class="material-icons">close</i></div> 

<form action="mypage.php" method="post"> 


<div class="authr_name"><button value="Hitsuji" name="userlink" 
class="subm_as_text">Hitsuji</button></div> 
</form> 
<div class="titd"><h3>Description</h3></div> 
<div class="description_chat">The Army of JOhn</div> 
</div> 


<span onclick="openChat(6179276)">☰</span> 
<div class="chatname"><h3>John Army</h3></div> 
<div class="chatback"></div> 
<div class="underlie"><p>Users: 2</p><p> Created: 2017/07/23 11:31:06am</p> 
</div> 

</div> 

JS

$("#chat_loc").on("click",function() { 
$(this).submit(); 
alert("submitted"); 

}); 

PHP

if(isset($_POST['chat_locy']) ? $_POST['chat_locy'] : null){echo "it 
worked";} 

Answer 1

你只能在一个时间只能提交一个表单。尝试将ID更改为类，以便所有表单具有相同的类，如'chat_loc'。

例如，JavaScript的改成这样：

$(".chat_loc").on("submit", function() { 
    $(this).submit(); 
    alert("submitted"); 
});