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

时间:2015-01-08 20:56:42

标签: javascript jquery html

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

以下jsfiddle不起作用。 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);
            });
        });

1 个答案:

答案 0 :(得分:1)

您需要更改

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

到这个

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

使其与id FormId 的元素匹配。

将来在提问时,请提供更完整的示例或更全面地解释您想要实现的目标。我仍然无法理解你想要实现的目标。