bootstrap jquery 实现下拉选择功能，并获得选择的选项

可以使用 Bootstrap 的下拉菜单组件和 jQuery 的事件监听来实现下拉选择功能，并获得选择的选项。下面是一个简单的示例：

HTML 代码：

<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="#">选项1</a>
    <a class="dropdown-item" href="#">选项2</a>
    <a class="dropdown-item" href="#">选项3</a>
  </div>
</div>

JavaScript 代码：

$('.dropdown-item').on('click', function() {
  var selectedOption = $(this).text();
  console.log(selectedOption);
});

首先，我们使用 Bootstrap 的下拉菜单组件创建一个下拉菜单，其中包含多个选项。然后，我们使用 jQuery 的事件监听函数来监听下拉菜单中的选项被点击的事件。当选项被点击时，我们使用 jQuery 的 text() 方法获取选项的文本内容，并将其保存在一个变量中。最后，我们可以将选项内容输出到控制台或进行其他操作。