在下拉更改上显示Bootstrap模式表单，并在插入到数据库后选择该值

，可以通过以下步骤实现：

首先，确保你已经引入了Bootstrap框架的CSS和JavaScript文件。你可以在Bootstrap官方网站上下载并引入这些文件。
在HTML文件中，使用<select>标签创建一个下拉列表，并为其添加一个唯一的ID，例如：

<select id="modeSelect" class="form-control">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

在JavaScript中，使用jQuery或纯JavaScript来监听下拉列表的变化事件，并根据选择的值来改变表单的样式。以下是使用jQuery的示例代码：

$(document).ready(function() {
  $('#modeSelect').change(function() {
    var selectedValue = $(this).val();
    if (selectedValue === 'option1') {
      // 根据选择的值改变表单的样式
      $('#form').removeClass().addClass('form-mode1');
    } else if (selectedValue === 'option2') {
      $('#form').removeClass().addClass('form-mode2');
    } else if (selectedValue === 'option3') {
      $('#form').removeClass().addClass('form-mode3');
    }
  });
});

在上述代码中，我们根据选择的值来动态地为表单的父元素添加不同的CSS类，从而改变表单的样式。你可以根据实际情况修改form-mode1、form-mode2和form-mode3这些类名，并在CSS文件中定义相应的样式。

当用户提交表单时，你可以将选择的值插入到数据库中。具体的插入操作取决于你使用的后端语言和数据库。以下是一个使用PHP和MySQL的示例代码：

<?php
// 连接到数据库
$servername = "数据库服务器地址";
$username = "数据库用户名";
$password = "数据库密码";
$dbname = "数据库名";
$conn = new mysqli($servername, $username, $password, $dbname);

// 检查连接是否成功
if ($conn->connect_error) {
  die("连接数据库失败: " . $conn->connect_error);
}

// 获取表单提交的值
$selectedValue = $_POST['mode'];

// 将值插入到数据库中
$sql = "INSERT INTO 表名 (mode) VALUES ('$selectedValue')";
if ($conn->query($sql) === TRUE) {
  echo "值插入成功";
} else {
  echo "插入值时出错: " . $conn->error;
}

// 关闭数据库连接
$conn->close();
?>

在上述代码中，我们首先连接到数据库，然后获取表单提交的值，并将其插入到数据库的相应字段中。

请注意，上述代码仅为示例，你需要根据实际情况进行修改和适配。

推荐的腾讯云相关产品和产品介绍链接地址：