当用户从下拉列表中选择值时，在文本区域中显示数据库值

<select id="dropdown">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>
<textarea id="result" readonly></textarea>

<script>
  document.getElementById("dropdown").addEventListener("change", function() {
    var selectedValue = this.value;

    // 发送异步请求到后端
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function() {
      if (xhr.readyState === XMLHttpRequest.DONE) {
        if (xhr.status === 200) {
          // 将返回的值显示在文本区域中
          document.getElementById("result").value = xhr.responseText;
        } else {
          console.error("请求失败");
        }
      }
    };
    xhr.open("GET", "/get-value?selected=" + selectedValue);
    xhr.send();
  });
</script>

const express = require("express");
const app = express();

app.get("/get-value", function(req, res) {
  const selectedValue = req.query.selected;

  // 查询数据库中对应的值
  // 假设数据库表名为"options"，字段名为"value"
  const value = queryDatabase(selectedValue);

  res.send(value);
});

// 启动服务器
app.listen(3000, function() {
  console.log("服务器已启动");
});

// 连接数据库并查询对应的值
function queryDatabase(selectedValue) {
  // 这里省略数据库连接和查询的代码
  // 假设根据selectedValue查询数据库，并返回对应的值
  return "数据库中的值";
}