Как получить значение полей ввода определенной формы, на которой я щелкнул, все формы и их ввод имеют одинаковый класс, но разные значения

Question

я получаю все формы, сгенерированные PHP, в то время как l oop, поэтому я не могу изменить их идентификатор и классы .. все они приходят в DOM с одинаковыми идентификатором и классом, но каждый вход формы имеет свое собственное значение ... все, что я хочу, это ,, если я нажимаю на отправку определенной формы, я хочу, чтобы jquery получил входное значение только этой конкретной c формы.

   <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

Это работает для меня как шарм

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

Answer 2

Вы можете добавить счетчик в оператор l oop для создания myForm.

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

Это приведет к тому, что формы получат уникальный класс, но затруднит CSS. Кроме того, вы можете выбрать родительский элемент для поля ввода

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

Это должно работать