Twitter Bootstrap: Как получить выбранное значение выпадающего списка?

Мне нужно получить значение, которое пользователь выбирает из раскрывающегося списка. Когда пользователь выбирает значение, я хочу, чтобы выпадающее меню отображало это значение. Таким образом, пользователь выбирает "ожидающий", тогда я хочу изменить выбранное значение выпадающего списка, и, когда пользователь завершит форму, я хочу получить выбранное значение. Кто-нибудь сможет указать мне в правильном направлении?

<div class="btn-group">
  <i class="dropdown-arrow dropdown-arrow-inverse"></i>
  <button class="btn btn-primary">status</button>
  <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu dropdown-inverse">
    <li><a href="#fakelink">pending</a></li>
    <li><a href="#fakelink">active</a></li>
    <li><a href="#fakelink">discontinued</a></li>
  </ul>
</div>

Ответ 1

Bootstrap предоставляет вам минимально необходимые функциональные возможности для вашей реализации, они не являются выпадающими списками, а просто представляют собой ul, li с css, применяемыми к нему, и некоторые события, зарегистрированные в плагине bootstrap, для переключения кнопки, чтобы отображать их как выпадающее меню. Это вам нужно сделать самостоятельно.

Настройте некоторый идентификатор кнопки статуса, скажем className btnStatus и привяжите событие click к выпадающим ссылкам. и сделать что-то вроде этого?

$('.dropdown-inverse li > a').click(function(e){
    $('.btnStatus').text(this.innerHTML);
});

демонстрация

Ответ 2

Я была такая же проблема. Решение довольно простое, и я думаю, что приведенные выше ответы могут быть немного сложнее.

Просто используйте $ (this).text()

Назначьте имя класса бит "", а затем..

$(".yourUlClassName li a").click( function() {
    var yourText = $(this).text();
});

Ответ 3

вы можете попробовать следующее:

u может использовать класс или идентификатор для выбора, чтобы легче выбрать элемент. для использования значения также вы можете использовать value в javascript с jQuery.

    $().ready(function(){
        $('a').click(function(){
            var value = $(this).text();
            alert(value);
        });
    });

Демо: http://jsfiddle.net/mr_mohsen_rasouli/A8m39/

Ответ 4

Попробуйте это -

$(document.body).on('click', '.dropdown-menu li a', function (e) {
    alert($(this).text());
});

Демо- скрипт