Получить все значения из раскрывающегося списка Bootstrap с помощью Javascript

Question

Я пытаюсь получить все значения в раскрывающемся меню Bootstrap с помощью функции JavaScript. Когда я что-то выбираю, я управляю тем, что выбор остается. Тем не менее, в отличие от выпадающего меню html с <select> и <option>, где я могу получить все возможные варианты, которые пользователь может выбрать, я не нахожу ничего в Интернете, ни пытаюсь, и не ошибаюсь, чтобы получить все значения, которые находятся в выпадающее меню бутстрапа.

<div class="dropdown"> 
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
Dropdown 
<span class="caret"></span> 
</button> 
<ul class="dropdown-menu" id="dropdown-menu"> <!-- aria-labelledby="dropdownMenu1"> --> 
{% for instance in leaderboardDictionaries %} 
    {% for category, userDictionary in instance.items %} 
     <li><a href="#">{{category}}</a></li> 
    {% endfor %} 
{% endfor %} 
</ul> 
</div> 

В моей функции javascript первое, что я делаю, это убедиться, что выбор остается. Затем я хочу получить все возможные варианты. Но мой код явно не прав.

<script> 
$(".dropdown-menu li").click(function(){ 
var selText = $(this).text(); 
$(this).parents('.dropdown').find('.dropdown-toggle').html(selText+' <span class="caret"></span>'); 
var availableOptions = $('.dropdown-menu li option'); 
alert(availableOptions[1]); 
}); 
</script> 

Answer 1

Это должно сработать для вас.

$('#dropdown-menu li').on('click', function(){ 

    $("#dropdown-menu li").each(function(){ 
    console.log($(this).text()); //do anything with the values 
    }); 

});