Listview - how to pass and read parameter ?
Hello
I'm new to jquery mobile. I have the following construct:
- <!-- Block 1-->
- <div data-role="page" id="bedarf">
<div data-theme="b" data-role="header" data-position="fixed">
<a data-role="button" data-inline="true" data-rel="back" href="#" data-icon="arrow-l" data-iconpos="left" class="ui-btn-left">Zurück</a>
<h3>Bedarfsanfragen</h3>
</div>
<div data-role="content">
<ul id="listbedarf" data-role="listview" data-filter="true" data-autodividers="false" data-inset="true" data-filter-placeholder="Suche..." data-filter-theme="d" data-theme="b">
<li>
<a id="bedarf_1" href="#bedarf_details?artikel=1" data-transition="slide">
<div style="font-size:16px !important;font-weight:bold !important;color:#555 !important">Text 1</div>
<div style="color:#555 !important;font-weight:normal !important">Text 2</div>
</a>
</li>
</ul>
</div>
</div>
- <!-- Block 2-->
- <div data-role="page" id="bedarf_details">
<div data-theme="b" data-role="header" data-position="inline">
<a data-role="button" data-inline="true" data-rel="back" href="#" data-icon="arrow-l" data-iconpos="left" class="ui-btn-left">Zurück</a>
<a data-role="button" data-inline="true" href="#" target="_top" data-icon="check" data-iconpos="left" class="ui-btn-right">Speichern</a>
<h3>Detailangaben</h3>
</div>
<div data-role="content" data-theme="b">
<form name="form_bedarf">
<input type="number" data-type="range" data-highlight="true" name="bedarf_slider" id="bedarf_slider" value="0" min="0" max="100" step="1">
<label for="bedarf_area" style="padding-top:30px">Kommentar:</label>
<textarea name="bedarf_area" id="bedarf_area" rows="2" class="bedarf_textarea"></textarea>
</form>
</div>
</div>
How can i read the parameter "artikel" in Block 2 when the user is clicking a row in Block 1 ?
Thank you and i hope that someone understand my problem.