javascript - How to get values from dynamically generated page and its form fields -
i building android application using phonegap , jquery mobile.
i having problem fetching values of form fields in jquery of dynamically generated page (data-role="page") contains form , fields.
my code 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 appreciated.
when this:
$("#save").click(function () { console.log($("#name").val()); });
do same issue?
since dynamically generated page may have use
$("#editkeeperform").enhancewithin()
after generate it. case dynamically generated things in jquery mobile.
Comments
Post a Comment