h5 获取动态数据进行二级联动 具体代码

好的，下面是一个使用 jQuery 实现的动态二级联动的示例代码，你可以根据自己的需求进行修改：

HTML 代码：

<select id="province">
  <option value="">请选择省份</option>
</select>
<select id="city">
  <option value="">请选择城市</option>
</select>

JavaScript 代码：

$(function() {
  // 加载省份数据
  $.ajax({
    url: 'api/province',
    success: function(data) {
      var options = '<option value="">请选择省份</option>';
      $.each(data, function(index, item) {
        options += '<option value="' + item.id + '">' + item.name + '</option>';
      });
      $('#province').html(options);
    }
  });

  // 绑定省份下拉列表的 onchange 事件
  $('#province').change(function() {
    var provinceId = $(this).val();
    if (!provinceId) {
      // 如果未选择省份，则清空城市下拉列表
      $('#city').html('<option value="">请选择城市</option>');
      return;
    }

    // 加载城市数据
    $.ajax({
      url: 'api/city?province_id=' + provinceId,
      success: function(data) {
        var options = '<option value="">请选择城市</option>';
        $.each(data, function(index, item) {
          options += '<option value="' + item.id + '">' + item.name + '</option>';
        });
        $('#city').html(options);
      }
    });
  });
});

这里的示例代码中，省份和城市数据都通过 AJAX 异步请求获取，并动态填充到对应的下拉列表中。当用户选择省份时，会根据省份 ID 动态请求对应的城市数据，并填充到城市下拉列表中。如果用户未选择省份，则会清空城市下拉列表。