如何在bootstrap 4中显示选中的选项？

在Bootstrap 4中，可以使用JavaScript和CSS来实现显示选中的选项。以下是一种常见的方法：

1. 首先，在HTML中创建一个包含选项的下拉列表或多选框。例如，下面是一个简单的下拉列表示例：

<select id="mySelect">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

1. 接下来，使用JavaScript来监听下拉列表或多选框的变化，并根据选中的选项来显示相应的内容。可以使用jQuery或纯JavaScript来实现。以下是使用jQuery的示例：

$(document).ready(function() {
  $('#mySelect').change(function() {
    var selectedOption = $(this).val();
    $('.selected-option').text(selectedOption);
  });
});

在上面的代码中，我们使用change事件监听下拉列表的变化。当选项发生变化时，我们获取选中的值，并将其显示在具有selected-option类的元素中。

1. 最后，在HTML中添加一个用于显示选中选项的元素。例如，可以在页面中的任何位置添加以下代码：

<p>选中的选项是：<span class="selected-option"></span></p>

这样，当用户选择不同的选项时，选中的选项将显示在<span>元素中。

这是一种基本的方法来在Bootstrap 4中显示选中的选项。根据具体的需求，你可以根据Bootstrap的文档和组件来自定义样式和交互效果。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云对象存储（COS），腾讯云数据库（TencentDB），腾讯云CDN（内容分发网络）。你可以在腾讯云官网上找到这些产品的详细介绍和文档。

参考链接：

• Bootstrap 4 官方文档
• 腾讯云官网