,可以通过以下步骤实现:
$selectedJson = json_encode($selectedArray);
<div id="jstree"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.12/jstree.min.js"></script>
$(function() {
// 初始化JsTree
$('#jstree').jstree({
'core': {
'data': <?php echo $selectedJson; ?>,
'check_callback': true
},
'plugins': ['checkbox']
});
});
$(function() {
$('#jstree').on('changed.jstree', function(e, data) {
var selectedNodes = data.selected;
var selectedArray = [];
// 遍历选择的节点
selectedNodes.forEach(function(nodeId) {
var node = data.instance.get_node(nodeId);
var nodeText = node.text;
var nodeData = node.data;
// 构造PHP数组
selectedArray.push({
'text': nodeText,
'data': nodeData
});
});
// 将PHP数组传递给后端进行进一步处理
$.ajax({
url: 'process.php',
method: 'POST',
data: { selectedArray: selectedArray },
success: function(response) {
// 处理后端返回的结果
}
});
});
});
以上代码将创建一个包含所选数组的JsTree,并在用户选择节点时将其转换为PHP数组,并通过AJAX请求将该数组传递给后端进行进一步处理。请根据实际需求修改代码中的URL和处理逻辑。
关于JsTree的更多信息和用法,可以参考腾讯云的产品介绍页面:JsTree - 腾讯云
领取专属 10元无门槛券
手把手带您无忧上云