меню Бутстрап Выпадающего выбранный элемент не загружается

Question

связанного bootstrap.min.css, самозагрузки-theme.min.css, jquery.min.js», bootstrap.js, dropdown.js

http://jsfiddle.net/id10922606/54edxsmv/1/

<script type="text/javascript"> 
$(document).ready(function(){ 
$('.dropdown-toggle').dropdown() 
}); 
</script> 

<div class="btn-group"> 
    <button type="button" class="btn btn-danger">Action</button> 
<button type="button" class="btn btn-danger dropdown-toggle" data- toggle="dropdown" aria-expanded="false"> 
    <span class="caret"></span> 
    <span class="sr-only">Toggle Dropdown</span> 
</button> 
<ul class="dropdown-menu" role="menu"> 
    <li><a href="#">Another action</a></li> 
    <li><a href="#">Something else here</a></li> 
    <li class="divider"></li> 
    <li><a href="#">Separated link</a></li> 
</ul> 

Почему выбранный элемент не загружается вместо «Action» списка значения. меню только рабочего ниспадающего? пожалуйста, помогите

Answer 1

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

Когда вы говорите: «Почему выбранный элемент не загружается, а не« значение «Действие», вы имеете в виду, что он не обновляет выпадающий список с помощью элемента, на который вы нажимаете? Если да, то вы хотите добавить следующее:

$(document).ready(function(){ 
    $('.dropdown-toggle').dropdown(); 

    $('.dropdown-menu li a').click(function() { 
     $('.btn:first-child').text($(this).text()); 
     $('.btn:first-child').val($(this).text()); 
    }); 
}); 

http://jsfiddle.net/54edxsmv/4/

Что это делает, когда вы нажимаете на li a тег в .dropdown-menu списке, он будет обновлять текст и значение первой кнопки .btn:first-child с текстом нажатых элементов.

Есть много способов обработки нескольких выпадающих, например:

$(document).ready(function(){ 
    $('.dropdown-toggle').dropdown(); 

    $.each($('.btn-group'), function() { 

     var $dropdown = $(this); 

     $dropdown.find('.dropdown-menu li a').click(function() { 
      $dropdown.find('.btn:first-child').text($(this).text()); 
      $dropdown.find('.btn:first-child').val($(this).text()); 
     }); 
    }); 

}); 

http://jsfiddle.net/54edxsmv/5/