fastadmin 动态赋值下拉框

记录：fastadmin 动态赋值下拉框

html代码：

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('User')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select name="row[user_id]" id="user_id" class="selectpicker">
                <option value="">请选择会员</option>
                {foreach $userList as $key=>$vo}
                <option value="{$vo.user_id}">{$vo.user.mobile}</option>
                {/foreach}
            </select>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('User_loan')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select name="row[user_loan_id]" id="user_loan_id" class="selectpicker">
                <option value="">请选择订单</option>
                
            </select>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('User_loan_bill')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select name="row[user_loan_bill_id]" id="user_loan_bill_id" class="selectpicker">
                <option value="">请选择日期</option>
                
            </select>
        </div>
    </div>

js代码：

<script src="__CDN__/assets/libs/jquery/dist/jquery.min.js"></script>
<script>
    
    $(document).on("change", "#user_id", function(){
        //变更后的回调事件
        var user_id = $("#user_id").find("option:selected").val();
        layer.load(1);//加载中
        $.ajax({
			url: "user/violate/get_user_loan_bill",
			type: 'POST',
			async: true,
			data: {user_id:user_id},
			success: function (datas) {
				var data = JSON.parse(datas);
				$("#user_loan_id").empty();
				$("#user_loan_bill_id").empty();
				$("#user_loan_id").append('<option value="">请选择订单</option>');
				$("#user_loan_bill_id").append('<option value="">请选择日期</option>');
				$("#user_loan_id").append(data.option);
				$("#user_loan_id").selectpicker('refresh');//动态加载
				$("#user_loan_bill_id").selectpicker('refresh');//动态加载
				layer.closeAll('loading');
			}
		});
    });
    
    $(document).on("change", "#user_loan_id", function(){
        //变更后的回调事件
        var loan_id = $("#user_loan_id").find("option:selected").val();
        layer.load(1);//加载中
        $.ajax({
			url: "user/violate/get_user_loan_bill",
			type: 'POST',
			async: true,
			data: {loan_id:loan_id},
			success: function (datas) {
				var data = JSON.parse(datas);
				$("#user_loan_bill_id").empty();
				$("#user_loan_bill_id").append('<option value="">请选择日期</option>');
				$("#user_loan_bill_id").append(data.option);
				$("#user_loan_bill_id").selectpicker('refresh');//动态加载
				layer.closeAll('loading');
			}
		});
    });
    
    
    
</script>