html动态加载select标签的option项

要实现动态加载 `select` 标签的 `option` 选项，可以通过 AJAX 技术来解决。具体的步骤如下：

1. 监听 `select` 标签的 `change` 事件，在事件处理函数中向后台发送 AJAX 请求获取数据。

2. 后台将数据以 JSON 格式返回给前端。

3. 前端解析 JSON 数据，动态生成 `option` 标签，并将其添加到 `select` 标签中。

下面是一个简单的示例代码：

HTML：

<select id="select"></select>

JS：

// 监听 select 标签的 change 事件
document.getElementById('select').addEventListener('change', function() {
  // 发送 AJAX 请求
  var xhr = new XMLHttpRequest();
  xhr.open('GET', '/api/getData');
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 解析 JSON 数据
      var data = JSON.parse(xhr.responseText);
      // 动态生成 option 标签
      var options = '';
      data.forEach(function(item) {
        options += '<option value="' + item.value + '">' + item.label + '</option>';
      });
      // 将 option 标签添加到 select 标签中
      document.getElementById('select').innerHTML = options;
    }
  };
  xhr.send();
});

这里的 `/api/getData` 是后台接口的地址，返回的数据格式为：

[
  {"value": 1, "label": "选项1"},
  {"value": 2, "label": "选项2"},
  {"value": 3, "label": "选项3"}
]