如何使用jquery-ajax制作带有checkbox的级联下拉菜单？

<select id="parentSelect">
  <option value="">请选择</option>
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

<select id="childSelect" multiple>
  <option value="">请选择</option>
</select>

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

$('#parentSelect').change(function() {
  var parentId = $(this).val();
  
  // 发送Ajax请求获取子级选项
  $.ajax({
    url: '获取子级选项的接口地址',
    data: { parentId: parentId },
    success: function(data) {
      // 清空子级下拉菜单
      $('#childSelect').empty();
      
      // 添加子级选项
      $.each(data, function(index, item) {
        $('#childSelect').append('<option value="' + item.value + '">' + item.label + '</option>');
      });
    }
  });
});

$('#childSelect').change(function() {
  var selectedOptions = $(this).val();
  
  // 清空选中结果容器
  $('#result').empty();
  
  // 显示选中结果
  $.each(selectedOptions, function(index, value) {
    $('#result').append('<span>' + value + '</span>');
  });
});