如何根据从json生成的选择列表中选择的选项填充表单(或其他元素)？

// 假设从JSON获取的数据如下
const jsonData = {
  options: [
    { value: 'option1', label: '选项1' },
    { value: 'option2', label: '选项2' },
    { value: 'option3', label: '选项3' }
  ]
};

// 解析JSON数据
const options = jsonData.options;

// 创建选择列表
const selectElement = document.createElement('select');
options.forEach(option => {
  const optionElement = document.createElement('option');
  optionElement.value = option.value;
  optionElement.text = option.label;
  selectElement.appendChild(optionElement);
});

// 监听选择事件
selectElement.addEventListener('change', event => {
  // 获取选项值
  const selectedValue = event.target.value;

  // 填充表单或其他元素
  const formElement = document.getElementById('myForm');
  formElement.elements['myInput'].value = selectedValue;
});

// 将选择列表添加到页面中
document.body.appendChild(selectElement);