bootstrap下拉菜单点击事件

Question

在用bootstrap的下拉菜单时，如下图。想有一个点击事件，即点击下拉菜单里的任何一项，都能将选项名显示在红色方框内（已定义一个label），不知该如何实现，求指点！

Answer 1

$('select id or class or something else').change(function(){
  $('red input field').html($(this).text());
});

Answer 2

见 :

Bootstrap 下拉菜单事件_w3cschool
https://www.w3cschool.cn/boot...

Bootstrap提供各种附加到下拉插件的事件，分别是：

• show.bs.dropdown：当手柄被点击时触发；或下拉手柄收到打开隐藏菜单的请求
• shown.bs.dropdown：在菜单显示后触发
• hide.bs.dropdown：在关闭菜单之前触发
• hidden.bs.dropdown：当菜单关闭时触发

Answer 3

$('a[data-toggle="tab"]').on(
                'shown.bs.tab',
                function(e) {
                    $("#dropdownMenuTime")[0].innerHTML = e.target.innerHTML
                });
                
            借楼，类似需求，实现下拉菜单按钮文本随选项变化。