我在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中实现吗?
答案 0 :(得分:1)
使用普通引导程序这是不可能的。在你的jsfiddle中,似乎你有jquery可用,所以你可以添加一个像
这样的小片段$(function(){
$(".dropdown-menu a").click(function(){
$(".btn:first-child").text($(this).text());
$(".btn:first-child").val($(this).text());
});
});