有一个使用 bootstrap 4 制作的组合框,例如:
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Корпоратив
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Корпоратив</a>
<a class="dropdown-item" href="#">Банкет</a>
<a class="dropdown-item" href="#">Свадьба</a>
<a class="dropdown-item" href="#">Другое</a>
</div>
</div>
问题
选择元素后如何更改组合框中的文本?在上面的示例中,如果我选择“宴会”。组合框应该关闭,而不是原来的“公司党”字样,应该变成“宴会”字样。
我需要将选定的值作为表单字段传输 - 将传输什么以及从何处传输?
ADD:<select>也许只使用它并重新构建它是有意义的?
下拉菜单不是组合框。Dropdown更多用于选择菜单项,而select通常用于选择字段值。请参阅“选择”元素要给它一个引导外观,请使用表单控制类。