В моем мобильном приложении jQuery у меня есть динамически созданный список, и я хочу сделать, когда пользователь нажимает элемент списка, я хочу получить значение из скрытого поля в списке и передать это значение на другую страницу, чтобы я может выполнить запрос на основе этого значения переменной. (Это многостраничный макет)
Поскольку я нахожусь в той же 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