layui 下拉菜单内容修改，指定内容修改绑定

1. html 部分

 <div class="layui-form-item">
     <label class="layui-form-label"><sup>*</sup>负责人</label>
     <div class="layui-input-block">
       <select class="form-control" name="custodian" lay-filter="custodian" lay-verify="required" id="custodian">
           <option value="0">请选择</option>
        </select>
<!-- <p style="color:red;">注:请到系统设置员工管理处，添加仓库管理员</p>-->
     </div>
</div>
<div class="layui-form-item">
    <label class="layui-form-label"><sup>*</sup>手机号</label>
    <div class="layui-input-block">
       <input type="tel" name="mobile"  id='mobile'  placeholder="手机号"  lay-verify="required|phone" autocomplete="off" class="layui-input">
    </div>
</div>

2. js逻辑处理部分

 //负责人信息获取
        var wareperson = [];
        var getURL = "/api/ruku/warehouseEdit";
        $.get(getURL, {id:0}, function(data){
            var data = eval('('+data+')');
            if(data['code'] == 0){
                if(!empty(data.data)){
                    wareperson = data.data;
                    for (var i = 0; i < data.data.length; i++) {
                        proHtml = '<option data-val="' + i + '" data-mobile="'+data.data[i].mobile+'" value="' + data.data[i].id + '">' + data.data[i].truename + '</option>';
                        $("select[name=custodian]").append(proHtml);
                    }
                }
            }
        });
        //选择负责人，手机号改变；
        form.on('select(custodian)', function(data){
             for(var i=0;i<wareperson.length;i++){
                if(wareperson[i].id == data.value){
                   // console.log(wareperson[i].mobile);
                    if(wareperson[i].mobile){
                       $("#mobile").val(wareperson[i].mobile);
                    }
                }
             }
        });