Как получить Выбранный элемент в раскрывающемся списке начальной загрузки, где раскрывающийся список динамически заполняется
Это похоже наКак отобразить выбранный элемент в кнопке начальной загрузки
Разница лишь в том, что мой выпадающий список не является статичным и заполняется через ajax-ответ. Ниже кодне работает только для <li>
элементы, которые заполняются динамически.
Чтобы проверить выше, я намеренно поставил статический<li>
когда я нажимаю на этот элемент, я вижу сообщение об успехе в консоли. Но когда я нажимаю на<li>
которые добавляются динамически, я не получаю ничего в консоли.
Я считаю, что здесь есть некоторые фундаментальные знания jQuery. jQuery гуру, комментарии / мысли?
Вот код для дальнейшего уточнения.
Java Script Code:
Печать выбранной опции в консоли
$(".dropdown-menu li a").click(function () {
console.log("Selected Option:"+$(this).text());
});
Заполнение выпадающего списка из ответа AJAX JSON
$.each(response, function (key, value) {
$("#dropDownUL").append("<li> <a tabindex=\"-1\" href=\"#\" align=\"left\"> " + value + "</a> </li>");
})
HTML код:
<div class="dropdown btn">
<div id="dropDownId" class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown" data-target="#">
Collections
<b class="caret"></b>
</div>
<ul id="dropDownUL" class="dropdown-menu pull-left" role="menu" aria-labelledby="dLabel">
<li><a tabindex="-1" href="#" align="left">Static test Option</a></li>
</ul>
</div>
Итак, еще раз, если я нажму наStatic test Option
Я вижу сообщение в консоли:Selected Option: Static test Option
Но когда я нажимаю наOption2
Option 3
который заполняется из ответа AJAX, я не вижу ничего в консоли.
Дайте мне знать, если что-то не понятно. Я постараюсь объяснить дальше.