如何从动态生成的页面及其表单字段获取值

Question

I am building an android application using PhoneGap and jQuery Mobile.

I am having problem fetching the values of form fields in jQuery of a dynamically generated page (data-role="page") which contains the form and fields.

My code is like this:

    <script type="text/javascript">
    $page('<div data-role="page" data-theme="b" id="editKeeperForm">
    <div data-role="content">
     <form method="POST" action="editKeeper" data-ajax="false">
      <input type="text" name="name2" id="name"  data-clear-btn="true" 
 value='+keeperRecord.fld_keeperName+'>
      <input type="submit" id="save" value="Save">
     </form>
    </div>
    </div>');
    $page.appendTo($.mobile.pageContainer);
    $page.page();
    $.mobile.changePage( $page );

    $(document).on('click', '#editKeeperForm #save', function () {
     console.log($("#name").val());
    });
    </script>

Any help is much appreciated.

Answer 1

When you do this:

$("#save").click(function () {
      console.log($("#name").val());
});

Do you get the same issue?

Since this is a dynamically generated page you may have to use

$("#editKeeperForm").enhanceWithin()

after you generate it. This is often the case with dynamically generated things in jQuery Mobile.

Answer 2

找到了解决此问题的方法$（this）.find（“＃name”）。val（）;