标签:javascript php jquery jquery-mobile
在我的jquery移动应用程序中,我有一个动态生成的listview,我想做的是当用户单击列表项时,我想从listitem中的隐藏字段中获取一个值,并将该值传递给另一个页面,以便我可以基于该变量值进行查询. (多页布局)
由于我与第一页位于同一DOM中,因此我假设我可以使用简单的旧变量访问数据并传递到另一页.我需要知道的是,如何从动态生成的列表中获取值.任何帮助,将不胜感激.
<ul data-role="listview" class="ui-listbox" data-theme="c" role="listbox" style="margin-top:20px">
<li data-role="list-divider" role="heading" tabindex="0" class="ui-li ui-li-divider ui-btn ui-bar-b ui-btn-up-undefined">Today's Journey</li>
<?php foreach ($journeys as $journey) : ?>
<?php if ($journey['user_type'] == 0): ?>
<li class="list-item-speaker" data-icon="false">
<a href="#journeydetails?id=<?php echo $journey['journey_id']; ?>" id="journeyDetailsDriver" data-transition="flip" >
<div class="list-item-content-speaker" style="float:left">
<img src="<?php echo $journey['facebook_image']; ?>" class="thumb-speaker-small" alt="<?php echo $journey['facebook_first_name']." ".$journey['facebook_last_name']; ?>" />
<h3 style="padding-left:10px;"><?php echo $journey['from_destination']." - ".$journey['to_destination']; ?></h3>
<p style="padding-left:10px"><?php echo $journey['facebook_first_name']." ".$journey['facebook_last_name']; ?></p>
<p style="padding-left:10px; padding-top:10px; font-size:0.9em; font-weight:bold"><?php echo $journey['depart_date']; ?></p>
//VALUE I NEED FROM HIDDEN FIELD
<input type="hidden" name="journeyID" id="journeyID" value="<?php echo $journey['journey_id']; ?>">
</div>
<h3 style="float:right; margin-top:45px; color:#189ACB"><?php echo $journey['seats_available']. ' seats'; ?></h3>
</a>
</li>
</ul>
解决方法:
您可以使用URL查询标记,或将数据保存在Cookie或HTML5本地/会话存储中.
要从列表中获取信息,这是一个示例
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
var a = [],
list = document.getElementsByTagName("li");
Array.prototype.forEach.call(list, function(entry) {
a.push(entry.textContent);
});
console.log(a);
jsfiddle年可用
标签:javascript,php,jquery,jquery-mobile 来源: https://codeday.me/bug/20191011/1892845.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。