二级联动菜单,通过ajxa异步执行,返回数据,数据添加不到下拉菜单
<div class="layui-form-item">
<label class="layui-form-label"><span>*</span> 公司名称</label>
<div class="layui-input-inline">
<select name="company" id="company" lay-filter="company" >
<option value="">选择公司</option>
{volist name="Companylist" id="Company"}
<option value="{$Company.ID}">{$Company.title}</option>
{/volist}
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span>*</span> 部门名称</label>
<div class="layui-input-inline">
<select name="deptname" id="deptname" lay-filter="deptname">
<option value="">选择部门</option>
<option value="0">二级菜单1</option>
<option value="1">二级菜单2</option>
</select>
</div>
</div>
<script>
layui.use(['layedit', 'form'], function(){
var $ = layui.$
,form = layui.form
,layedit = layui.layedit;
form.on('select(company)', function(data){
var ID = data.value;
console.log(ID);
$('#deptname').empty(); //二级菜单中的数据不清空
$.ajax({
async:true,
type:"post",
url:"/admin/Admin/menulist",
data:{ID:ID},
dataType:"json",
success:function(data){
console.log(data);
console.log(data[0].ID);
console.log(data[0].title);
//数据返回成功
var i;
console.log(data.length);
for (i = 0; i < data.length; i++) {
$("#deptname").append("<option value='"+data[i].ID+"'>"+data[i].title+"</option>");
//数据添加不到二级菜单,总是感觉找不到这个下拉菜单似的
}
}
});
});