Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Try this: I have considered single page concept, you can change you code accordingly:</p> <pre><code>&lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &lt;title&gt;Client View&lt;/title&gt; &lt;link rel="stylesheet" href="http://view.jquerymobile.com/1.3.2/dist/demos/css/themes/default/jquery.mobile.min.css" /&gt; &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://view.jquerymobile.com/1.3.2/dist/demos/js/jquery.mobile.min.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;!--Client Page--&gt; &lt;div data-role="page" id="client" data-add-back-btn="true" &gt; &lt;div data-role="header" data-theme="b" data-position="fixed" data-id="persistantFooter"&gt; &lt;h1&gt;Client View&lt;/h1&gt; &lt;/div&gt; &lt;div data-role="content"&gt; &lt;div data-role="fieldcontain" id="searchbox"&gt; &lt;input type="search" name="clientsearch" value="" data-inline="true" data-mini="true"/&gt; &lt;input type="button" value="Search" data-inline="true" data-theme="b" data-param1="" data-param2 ="" data-param3="" data-mini="true" id="searchbutton"/&gt; &lt;/div&gt; &lt;div data-role="fieldcontain" &gt; &lt;label for="select-choice-searchby" class="select" data-inline="true" style = "width: 90px"&gt;Search By:&lt;/label&gt; &lt;select name="select-choice-searchby" id="select-choice-searchby" data-inline="true" data-mini="true" style = "float: right"&gt; &lt;option value="account"&gt;Account&lt;/option&gt; &lt;option value="customhouseholds"&gt;Custom Households &lt;/option&gt; &lt;option value="roahouseholds"&gt;ROA Households&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;div data-role="fieldcontain" &gt; &lt;label for="select-choice-status" class="select" data-inline="true" style = "width: 90px"&gt;Status:&lt;/label&gt; &lt;select name="select-choice-status" id="select-choice-status" data-inline="true" data-mini="true" style = "float: right"&gt; &lt;option value="open"&gt;Open&lt;/option&gt; &lt;option value="closed"&gt;Closed &lt;/option&gt; &lt;option value="all"&gt;All&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div data-role="page" id="accountlist" data-add-back-btn="true" &gt; &lt;div data-role="header" data-theme="b"&gt; &lt;h3&gt;Account View&lt;/h3&gt; &lt;/div&gt; &lt;div data-role="content"&gt; &lt;/div&gt; &lt;!--content--&gt; &lt;/div&gt;&lt;!--page--&gt; &lt;script type="text/javascript"&gt; $("#client").on('pageshow',function(){ $("#searchbutton").on('click',function(){ var searchvalue = $("[name='clientsearch']").val(); var searchbyvalue = $("#select-choice-searchby").val(); var statusvalue = $("#select-choice-status").val(); $("#searchbutton").data("param1", searchvalue); $("#searchbutton").data("param2", searchbyvalue); $("#searchbutton").data("param3", statusvalue); $.mobile.changePage( '#accountlist', { reloadPage : false, changeHash : true }); }); }); $("#accountlist").on('pageshow',function(){ alert( $("#searchbutton").data("param1")); alert( $("#searchbutton").data("param2")); alert( $("#searchbutton").data("param3")); }); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload