表单提交树状图选中的值

主要思路

在使用h5元素form表单进行提交时,我们一般只能提交传统的input或者textarea部分的内容。
但是当我们使用树状图去代替select选取节点的时候该如何提交表单,在此提供一个思路。

使用树状图的时候,以ztree为例,其他树状图可以参考

function zTreeOnClick(event, treeId, treeNode) {
    // 在点击事件触发的时候,讲对应节点的值传入一个表单中input框内(假设input框id为name,该input可以使用display:none来隐藏)
    $("#name").val(treeNode.name);
    
};
var setting = {
	callback: {
		onClick: zTreeOnClick
	}
};

当把数值传入input中,这样就可以通过表单进行提交了。

其他思路

在节点触发事件的时候,讲对应的数值存储进session中,提交的时候判断session是否存在或者session是否有数值
如果可以使用select替换树状图那样也可以进行form表单的提交。

猜你喜欢

转载自blog.csdn.net/weixin_43103905/article/details/88924745