Jquery 启动下拉按钮名称在单击时更改

Jquery 启动下拉按钮名称在单击时更改,jquery,html,twitter-bootstrap,button,drop-down-menu,Jquery,Html,Twitter Bootstrap,Button,Drop Down Menu,我正在使用下拉按钮(4个按钮)过滤我项目中的内容,我希望按钮名称更改为所选,这样用户就不会忘记他/她在哪里。见图 这怎么可能呢 Thx,这里是。您可以使用jQuery更新下拉按钮文本 $(".dropdown-menu li a").click(function(){ $(".btn:first-child").html($(this).text()+' <span class="caret"></span>'); }); $(“.下拉菜单a”)。单击(函数(){

我正在使用下拉按钮(4个按钮)过滤我项目中的内容,我希望按钮名称更改为所选,这样用户就不会忘记他/她在哪里。见图

这怎么可能呢


Thx,这里是。

您可以使用jQuery更新下拉按钮文本

$(".dropdown-menu li a").click(function(){
  $(".btn:first-child").html($(this).text()+' <span class="caret"></span>');
});
$(“.下拉菜单a”)。单击(函数(){
$(“.btn:first child”).html($(this.text()+”);
});

Bootply演示:

我遇到了bootstrap的这个问题。它不在可配置选项中,无法实现您所需的功能,因此您需要使用另一个select Styleing插件。我知道这在Bootstrap中是不可配置的。但我想,通过一些javascript,这是可能的。这就是我问这个问题的原因,没错。如果您需要代码,那么您需要按照常见问题解答显示您以前尝试过的内容。为什么不使用