选择选择选项时将数据加载到div中

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

<div id="result"></div>

document.getElementById("options").addEventListener("change", function() {
  var selectedOption = this.value; // 获取选中的选项值

  // 根据选项值加载对应的数据
  var data = loadData(selectedOption);

  // 将数据加载到目标div元素中
  document.getElementById("result").innerHTML = data;
});

function loadData(option) {
  // 根据选项值加载对应的数据
  var data = "";

  switch(option) {
    case "option1":
      data = "选项1的数据";
      break;
    case "option2":
      data = "选项2的数据";
      break;
    case "option3":
      data = "选项3的数据";
      break;
    default:
      data = "无数据";
  }

  return data;
}