layui ajax select 动态添加数据方法

html:

<form class="layui-form" action="" method="post">
    <div class="layui-form-item">
          <label class="layui-form-label">选择类型</label>
          <div class="layui-input-block">
	           <select name="titletype" lay-verify="required" id="typeselectBox">
	           </select>
	      </div>
        </div>
</form>

jq:

$(document).ready(function() {
	layui.use(['form'], function(){
		var form = layui.form;
        var option = "<option value='-1'>请选择类型</option>";//初始化option的选项
        $.ajax({
            url: "/JavaWeb/ShowTitleType",
            type: 'POST'
        })
        .done(function(datas) {
            for(var i=0;i<datas.length;i++){                	
                option+="<option value='"+datas[i]['typeid']+"'>"+datas[i]['typename']+"</option>";//拼接option中的内容
                	$("#typeselectBox").html(option);//将option的拼接内容加入select中，注意选择器是select的ID
            }
            form.render('select');//重点：重新渲染select
        })
        .fail(function() {
            console.log("error");
        });
	});
});