phonegap では、1 つの jquery モバイル フレームワークを使用しています。そして、ページのURLを使用して、divである次のページにフォームデータを渡したいと思います。GetElementByID を使用してパラメータを取得しようとしましたsearchlocation
。おそらく動作しません。パラメータを取得できず、次のページに進みません。どうすれば解決できますか?
以下は、次のページに変更する関数です DIV は私の phonegap のコードです:
<script type="text/javascript">
$('#home').live('pagecreate',function(event) {
$("#form").submit( function (e) {
e.preventDefault();
var x=document.getElementById("searchlocation");
$.mobile.changePage("#page1?param1="+x);
});
});
</script>
そしてフォームhtml:
<form id="form" method="POST" action="page1" data-ajax="false">
<div data-role="fieldcontain" id="search">
<fieldset data-role="controlgroup">
<label for="search">
Search
</label>
<input name="searchword" id="searchword" placeholder="" value="" type="search" />
</fieldset>
</div>
<div data-role="fieldcontain" id="searchcondition">
<label for="searchmethod">
</label>
<select id="searchmethod" name="searchmethod" data-theme="e">
<option value="keyword">
Keyword
</option>
</select>
</div>
<div data-role="fieldcontain2" id="searchcondition2">
<label for="searchlocation2">
</label>
<select id="searchlocation" name="searchlocation" data-theme="e">
<option value="Entire Collection">
Entire Collection
</option>
<option value="Pearl River Delta and Yangtze River Delta Collection">
Pearl River Delta and Yangtze River Delta Collection
</option>
</select>
</div>
<input type="submit" value="Submit" />
</form>