多个id和一个提交表单

时间:2014-07-12 11:04:52

标签: jquery

我有2个页面具有相同的id元素。

如果我使用id,则第一页来自值

var data = $("#FormData").serializeArray(); 

                    // output   
                   [0] name=    "FirstName";
                       value=   "George";                   

                   [1] name=    "LastName";
                       value=   "Anderson";

如果我使用了课程,那就是所有页面的价值观。

var data = $("#FormData").serializeArray(); 

// output
               [0] name=    "FirstName";
                   value=   "George";


               [1] name=    "LastName";
                   value=   "Anderson";


               [2] name=    "FirstName";
                   value=   "Luis";


               [3] name=    "LastName";
                   value=   "Hamilton";      

                });

我怎样才能获得第二页的价值? 谢谢

第二部分页面

 <form   name="Ajaxform" id="FormData" method="POST">

        <input type="text" name="FirstName" id="FirstName"  value="George" />
       <input type="text" name="LastName" id="LastName"     value="Anderson" />

        <button type="button" id="btn-success">Save Form</button>

</form>

第一个部分页面

    <div id="MainPage">

       <input type="text" name="FirstName" id="FirstName"   value="Luis" />
       <input type="text" name="LastName" id="LastName"     value="Hamilton" />

       <button type="button" id="ActionMenu">Insert Open Popup</button>

    </div>

索引页

    <div id="MainPage"></div>

    <div id="PopupContent">
    </div>

<script>
            $("#ActionMenu").on("click", function () {

                // second page SecondPartialload

                $.ajax({
                    url: "/Base/SecondPartial/",
                    type: "POST",
                    datatype: 'html',
                    async: false,
                    contentType: 'application/html',
                    success: function (data) {

                        $('#PopupContent').html(data)
                        $('#PopupContent').bPopup();  // popup 
                    }                                 
                });                                   
            });


             $("#btn-success").on("click", function (e) {

               var data = $("#FormData").serializeArray();               


            });

        </script>

0 个答案:

没有答案