Bootstrap 4 - 下拉值人口

时间:2018-06-13 11:12:02

标签: bootstrap-4

我在Bootstrap 4中有一个下拉按钮,就像 this

<div class="dropdown">
   <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
   Source
   </button>
   <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
      <a class="dropdown-item" href="#">Source 1</a>
      <a class="dropdown-item" href="#">Source 2</a>
      <a class="dropdown-item" href="#">Source 3</a>
   </div>
</div>
</div>

我希望下拉列表的文字更改为我选择的值。

这可以在Bootstrap 4中实现吗?

1 个答案:

答案 0 :(得分:1)

使用普通引导程序这是不可能的。在你的jsfiddle中,似乎你有jquery可用,所以你可以添加一个像

这样的小片段
$(function(){
    $(".dropdown-menu a").click(function(){

        $(".btn:first-child").text($(this).text());
        $(".btn:first-child").val($(this).text());

    });
});

http://jsfiddle.net/u8L5mefx/17/