By Zhang, Cheng

更新日期:

文章目录
  1. 1. dropdown update text

dropdown update text

bootstrap下拉框更新按钮的内容

1
2
3
4
5
6
 $(function(){
    $(".dropdown-menu li a").click(function(){
      $(".btn:first-child").text($(this).text());
      $(".btn:first-child").val($(this).text());
   });
});

或者

1
2
3
4
$(".dropdown-menu li a").click(function(){
  $(this).parents(".dropdown").find('.btn').html($(this).text() + ' <span class="caret"></span>');
  $(this).parents(".dropdown").find('.btn').val($(this).data('value'));
});

参考资料：

  1. How to Display Selected Item in Bootstrap Button Dropdown Title
文章目录
  1. 1. dropdown update text