jQuery onChange使用AJAX将select值发送到JsTree

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>

<select id="mySelect">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

<div id="myTree"></div>

$('#mySelect').change(function() {
  var selectedValue = $(this).val(); // 获取选中的值

  // 发送AJAX请求
  $.ajax({
    url: 'your_ajax_url',
    method: 'POST',
    data: { selectedValue: selectedValue },
    success: function(response) {
      // 成功获取到数据后，更新JsTree
      $('#myTree').jstree(true).settings.core.data = response;
      $('#myTree').jstree(true).refresh();
    },
    error: function(xhr, status, error) {
      console.error(error);
    }
  });
});

$(function() {
  $('#myTree').jstree({
    core: {
      data: {
        url: 'your_tree_data_url',  // JsTree的数据来源
        method: 'POST',
        data: function(node) {
          return { nodeId: node.id };
        }
      }
    }
  });
});