樣式:
張三,李四的數(shù)據(jù)添加如下
//JavaScript代碼區(qū)域
layui.use(['table', 'layer', 'jquery', 'form'], function() {
var table = layui.table;
var layer = layui.layer;
var $ = layui.jquery;
var form = layui.form;
var type = $('#decSelect').attr('type');
alert(type);
//重新渲染表單
function renderForm() {
layui.use('form', function() {
var form = layui.form; //高版本建議把括號去掉，有的低版本造成，需要加()
form.render();
});
}
$.each([{
id: 3,
name: "張三"
},{
id: 4,
name: "李四"
}], function(key, value) {
alert(value.name);
$("#decSelect").append("<option value=" + value.id + ">" + value.name + "</option>");
});
renderForm(); //表單重新渲染，要不然添加完顯示不出來新的option
});
頁面:
<form class="layui-form" action="">
<div class="layui-form-item proSelect">
<label class="layui-form-label">學(xué)生姓名</label>
<div class="layui-input-block editWidth">
<select name="list" lay-verify="required" id="decSelect" type="" url="">
<option value="">請選擇</option>
</select>
</div>
</div>
</form>
