如何设置更新页面中选择的下拉值，且选择的值必须是数据库中该项的实际值？

<!-- 前端页面 -->
<select id="dropdown">
  <option value="">请选择</option>
  <option value="value1">选项1</option>
  <option value="value2">选项2</option>
  <option value="value3">选项3</option>
</select>

<script>
  // 后端传递的实际值
  var actualValue = "value2";

  // 获取下拉列表元素
  var dropdown = document.getElementById("dropdown");

  // 遍历下拉列表的选项
  for (var i = 0; i < dropdown.options.length; i++) {
    // 如果选项的值与实际值匹配，则设置为选中状态
    if (dropdown.options[i].value === actualValue) {
      dropdown.options[i].selected = true;
      break;
    }
  }
</script>