一对多表，子表添加主表Id的前端写法

临时存放

<form class="form-horizontal m" id="form-project-add">
<input id="treeId" name="productid" type="hidden" th:value="${pmProduct?.id}"/>

点击input弹出新的树

<div class="col-sm-8">
    <div class="input-group">
        <input class="form-control" type="text" onclick="selectProductTree()" id="treeName" readonly="true" th:value="${pmProduct?.name}">
        <span class="input-group-addon"><i class="fa fa-search"></i></span>
    </div>
</div>

树对应的方法所在的路径

<script type="text/javascript">
    var prefix = ctx + "pm/project/project"
    var prefixProduct = ctx + "pm/project/product"

点击按钮的动作

/*产品-新增-选择父部门树*/
function selectProductTree() {
    var treeId = $("#treeId").val();
    var id = treeId > 0 ? treeId : 1;
    var url = prefixProduct + "/selectProductTree/" + id;
    var options = {
        title: '产品选择',
        width: "380",
        url: url,
        callBack: doSubmit
    };
    $.modal.openOptions(options);

}

function doSubmit(index, layero){
    var body = layer.getChildFrame('body', index);
    $("#treeId").val(body.find('#treeId').val());
    $("#treeName").val(body.find('#treeName').val());
    layer.close(index);
}