如何通过点击按钮从数组中加载选中的option JSON对象？

<select id="options">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>
<button id="loadButton">Load Option</button>
<div id="result"></div>

// 定义包含多个option JSON对象的数组
var optionsArray = [
  { value: "1", label: "Option 1", description: "This is option 1" },
  { value: "2", label: "Option 2", description: "This is option 2" },
  { value: "3", label: "Option 3", description: "This is option 3" }
];

// 获取按钮和下拉列表元素
var loadButton = document.getElementById("loadButton");
var selectElement = document.getElementById("options");
var resultElement = document.getElementById("result");

// 按钮点击事件处理函数
loadButton.addEventListener("click", function() {
  // 获取选中的option值
  var selectedValue = selectElement.value;

  // 查找与选中的option值匹配的JSON对象
  var selectedOption = optionsArray.find(function(option) {
    return option.value === selectedValue;
  });

  // 将JSON对象加载到页面中
  resultElement.innerHTML = "Label: " + selectedOption.label + "<br>";
  resultElement.innerHTML += "Description: " + selectedOption.description;
});