1、引入插件
<link rel="stylesheet" href="../../../layuiadmin/style/formSelects-v4.css" media="all">
2、引入xm-select属性
<div class="layui-inline">
<label class="layui-form-label layui-required">发现方式:</label>
<div class="layui-input-block" style="width:150px">
<select name="discoverWay" xm-select="discoverWay" lay-filter="discoverWay" xm-select-height="36px">
<option value="目击">目击</option>
<option value="捕获">捕获</option>
<option value="残骸">残骸</option>
<option value="听闻">听闻</option>
<option value="人工养殖">人工养殖</option>
</select>
</div>
</div>
3、数据回显
$.ajaxLayui({
type: "post",
url: basePath + "Kyjcxt/fwdcsjDiscover/queryFwdcsjDiscoverById",
timeout: 5000, //超时时间设置,单位毫秒
dataType: "json",
data: { 'id': checkData[0].id },
success: function (res) {
console.log(res)
if (res.data) {
//表单赋值
body.find("input[name='id']").val(res.data.id);//编号
body.find("input[name='soleId']").val(res.data.soleId);//唯一标识
body.find("input[name='speciesName']").val(res.data.speciesName);
body.find("input[name='rate']").val(res.data.discoverWay);
body.find("input[name='discoverTime']").val(res.data.discoverTime);
body.find("input[name='number']").val(res.data.number);
body.find("input[name='behavior']").val(res.data.behavior);
body.find("input[name='detailedLocation']").val(res.data.detailedLocation);
body.find("input[name='habitatType']").val(res.data.habitatType);
body.find("input[name='remark']").val(res.data.remark);
}
},
error: function (err) {
layer.msg('修改失败!!');
}
})
4、设置空div把值传入
<input type="hidden" name="rate" id="rate"/>
5、js
$(function(){
//应用实例
formSelects.render('discoverWay');
//回显
var discoverWay = new Array();
var discoverWays = $("#rate").val();
discoverWay = discoverWays.split(",");
formSelects.value('discoverWay', discoverWay, true);
})