layui 二级联动

layui 二级联动

HTML 部分

<form onsubmit="return false;" action="__SELF__" data-auto="true" method="post" class='form-horizontal layui-form' style='padding-top:20px'> <input type="hidden" name="id" value="{:input('id')}"/> <div class="form-group"> <label class="col-sm-2 control-label">期刊label> <div class='col-sm-3'> <select name="magazine" placeholder="请选择期刊" lay-filter="magazine"> <option value="">请检索关键词或选择option> {volist name="$magazines" id="magazine"} <option value="{$magazine.id}">{$magazine.name} option> {/volist} select> div> <div class="col-sm-3"> <select name="publish" id="publish"> <option value="">option> select> div> div> <div class="hr-line-dashed">div> <div class="col-sm-8 col-sm-offset-2"> <div class="layui-form-item text-center"> <button class="layui-btn" type="submit">提交数据button> div> div> form>

JS 部分

转载于:https://www.cnblogs.com/LQK157/p/9454786.html