layui框架从数据库获取下拉框的值怎么再通过option赋值value的值

问题遇到的现象和发生背景

layui框架从数据库获取下拉框的值怎么再通过option赋值value的值

问题相关代码，请勿粘贴截图

$.ajax({
type:"POST",
url:'/SSM_hospital/doctor/doctorlist', //从数据库查询返回的是个list
dataType: "json",
contentType: "application/json; charset=UTF-8",
success: function (data) {
$.each(data,function(index,item){
$('#workdDoctor').append(new Option(item.doctorName));//往下拉菜单里添加元素
})
layui.form.render("select");
}
})

运行结果及报错内容

<div class="layui-form-item">
                <label  class="layui-form-label">
                    <span class="x-red">*</span>在班医师</label>
                <div class="layui-input-inline">
                    <select id="workdDoctor" name="workDoctor" lay-verify="required" lay-filter="workDoctor">
                            <option value=""></option>
                    </select>
                </div>
                <div class="layui-form-mid layui-word-aux"></div>
            </div>

我的解答思路和尝试过的方法

我想要达到的结果