Question

我正在使用PhoneGap和jQuery Mobile构建一个Android应用程序。

我在获取包含表单和字段的动态生成页面（data-role =“page”）的jQuery中的表单字段值时遇到问题。

我的代码是这样的：

    <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>

非常感谢任何帮助。

Answer 1

执行此操作时：

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

你得到同样的问题吗？

由于这是一个动态生成的页面，您可能需要使用

$("#editKeeperForm").enhanceWithin()

生成后。这通常是jQuery Mobile中动态生成的东西的情况。

Answer 2

找到解决此问题的方法 $（本）.find（＆＃34;＃名称＆＃34）。VAL（）;

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

2 个答案: