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);
            })
Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐