使用 jQuery 获取提交的表单值，具有多个具有相同类名的表单

Get a submitted form value using jQuery, have more than 1 form with the same class name

本文关键字：表单 同类 jQuery 获取 提交 使用      更新时间：2023-09-26

我试图在这里寻找答案，但没有符合我需求的答案。我有超过 1 个类名.sbt-form的表单：

<form class='sbt-form'>
    <input name='kord' val=1/>
</form>
<form class='sbt-form'>
    <input name='kord' val=2/>
</form>
<form class='sbt-form'>
    <input name='kord' val=3/>
</form>

当提交一个表单（假设第三个表单）时，我只想获取input元素的值name = 'kord'

如何使用jQuery执行此操作？

您可以将submit处理程序附加到表单，并在表单中搜索要查找的元素。试试这个：

$('.sbt-form').submit(function(e) {
    e.preventDefault(); // stop the form submission to the server. Comment this if not needed.
    var inputValue = $(this).find('input[name=kord]').val();
});

试试这个：

$("mySubmitButton").click(function () {
    $(this).closest(".sbt-form").find("input[name='kord']").val();
});

试试

$('.sbt-form').click(function() {
    $(this).find("input[name='kord']").val(); 
});

或者您可以在提交表单时使用serialize()函数获取整个表单的值：

JS代码：

$(".sbt-form").submit(function(e){
    e.preventDefault();
    console.log($(this).serialize());
});
相关文章：