使用动态表单名称序列化表单

Serialize form with Dynamic form names

本文关键字：表单 序列化 动态      更新时间：2023-09-26

我必须选择一个简单的jquery函数来通过动态获取表单名称来序列化这两个表单

遵循 JSFIDDLE 不起作用。吉斯菲德尔

.HTML

<form id="JotForm" method="post" enctype="text/plain" class="jot">
        FirstName:<input type="text" name="FirstName">
        Email:<input type="text" name="Email">
        <input id="btnFade" type="button" name="submit" value="Submit">
    </form>


<form id="MyForm" method="post" enctype="text/plain" class="jot">
            FirstName:<input type="text" name="FirstName">
            Email:<input type="text" name="Email">
            <input id="btnFade" type="button" name="submit" value="Submit">
        </form>

代码部分

 $(function () {
            $("#btnFade").bind("click", function () {
                //alert(FormId);
                //                setTimeout(function () {
                var FormId = $(".jot").attr('id');
                alert(FormId);

                var FormSerialize = $(FormId).serialize();
                console.log(FormSerialize);
            });
        });

你需要改变

var FormSerialize = $(FormId).serialize();

对此

var FormSerialize = $("#" + FormId).serialize();

以使其与 id 为 FormId 的元素匹配。

将来提问时，请提供更完整的示例或更彻底地解释您要实现的目标。我仍然无法理解您要通过此实现什么目的。

相关文章：