如何获取我单击的特定表单的输入字段的值，所有表单及其输入具有相同的类但值不同

Question

我得到了由 PHP while 循环生成的所有表单，所以我不能更改它们的 id 和 classes..它们都以相同的 id 和 class 进入 DOM，但每个表单输入都有自己独特的值 ...all i想要的是，如果我单击特定表单的提交，我希望 jquery 仅获取该特定表单的输入值。

   <form  class ='myform' >
     <input type = "hidden" name ="fname" value = "sam">
     <input type = "submit" value = "Submit">
   </form>


    <form class = 'myform'>
      <input type = "hidden" name = "fname" value = "olivia">
      <input type = "submit" value = "Submit">
    </form>


    <form class = 'myform'>
      <input type = "hidden" name = " fname " value = "justien">
      <input type = "submit" value = "Submit">
    </form>

   <scirpt >

    ----here i want the solution
   </script>

Answer 1

您可以在循环语句中添加一个计数器来创建 myForm。

`<form class = 'myform${counter}'>`

这将使表单具有唯一的类，但会使 CSS 变得困难。 或者，您可以选择输入字段的父项

$('input[value="justien"]').parent();

应该可以的

Answer 2

它对我来说就像一个魅力

$(document).ready(
    $(".myforms']").submit(function(e) {
        e.preventDefault();
        var f_name = $(this).children("input[name='f_name']");
        alert(f_name.val());
    })
);