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

<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>

$(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');
    }
  });
});

<?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();
?>