Twitter bootstrap 引导下拉菜单所选项目未加载

链接bootstrap.min.css，bootstrap-theme.min.css，jquery.min.js”，bootstrap.js，dropdown.js

$（文档）.ready（函数（）{
$（'.dropdown toggle'）.dropdown（）
});
行动
切换下拉列表

---

为什么选择的项目没有加载而不是“操作”列表值。只有工作下拉菜单？请帮助

您需要确保您的小提琴包含指向外部资源的链接/引用

当您说“为什么所选项目没有加载而不是“操作”列表值”时，您的意思是它没有用您单击的项目更新下拉列表吗？如果是，您想添加以下内容：

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

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

这样做的目的是，当您单击

下拉菜单

列表中的

li a

标记时，它将使用单击的项目文本更新第一个按钮的文本和值

有许多方法可以处理多个下拉列表，例如：

$(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());
        });
    });

});

---

你能用小提琴更新你的代码吗？这很好。但它只适用于一个下拉菜单。当我使用多个下拉菜单时，这段代码同时适用于所有下拉菜单。每个下拉菜单的代码是什么？我已经更新了答案，包括多个下拉菜单的代码

$(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());
        });
    });

});