Layui 动态下拉列表回显

Love The Way You Lie 2022-10-31 00:49 30阅读 0赞

## HTMl代码 ##

<div class="layui-form-item">
                <label class="layui-form-label layui-form-required">销售:</label>
                <div class="layui-input-block">
    				
                    <select id="sellList" name="sellList" autocomplete="off" lay-filter="sellList" lay-verify="required" >
                    </select>
                </div>
            </div>

## JS代码 ##

//销售下拉选择
    					$.ajax({
        
    					
    						url:'',
    						dataType: 'json',
    						method: 'get',
    						headers: {
         "Authorization":token},
    						success: function (res) {
        
    							if (res.code == "0") {
        
    								formX.renderSelect({
        
    									elem: '#sellList',
    									data: res.data,
    									name: 'nickname',
    									hint: '',
    									value: 'id',
    									initValue: 0,
    									done: function (data) {
        
    									     //业务条件 可无视
    										if(mData.event==='edit'){
        
    											//checkStatus 需要回显的Select
    											var sellerId=checkStatus[0].sellerId;
    											//设置回显值
    											$("#sellList").val(sellerId);
    											//重新加载
    											formX.renderSelect();
    										}
    									 },
    
    									async: true,
    									error: function (xhr, res) {
         }
    
    								});
    							} else {
        
    								notice.msg(res.message, {
        
    									icon: 3
    								});
    							}
    						}
    					});

发表评论取消回复

表情：

评论列表（有 0 条评论，30人围观）

还没有评论，来说两句吧...

相关阅读

相关 layui 下拉回显

var isEnable=$("isEnable").val();//获取回显的值, console.log("isEnable---"+isEnable)

水深无声/ 2023年02月23日 12:13/ 0 赞/ 19 阅读

相关 extjs tree下拉列表_EXTJS下拉树ComboBoxTree参数提交及回显方法

http://blog.csdn.net/wjlht/article/details/6085245 使用extjs可以构造出下拉数，但是不方便向form提交参数，在此，笔者

怼烎@/ 2022年11月03日 10:34/ 0 赞/ 15 阅读

相关 Layui 动态下拉列表回显

HTMl代码 <div class="layui-form-item"> <label class="layui-form-lab

Love The Way You Lie/ 2022年10月31日 00:49/ 0 赞/ 31 阅读

相关 JS 实现下拉框回显

JS 实现下拉框回显学习内容：需求总结：学习内容：需求用 JS 实现下拉框回显实现代码 <!DOCTYPE

梦里梦外;/ 2022年10月16日 10:29/ 0 赞/ 283 阅读

相关 vue 下拉框回显bug

下拉框回显只能看到id 而不是对应的文字，下拉框是取字典表的数据将Value的值使用Number包裹起来，如下示例： <el-select v-model=""

Love The Way You Lie/ 2022年09月11日 11:17/ 0 赞/ 203 阅读

相关简单下拉框选项回显

<td> <label style="width:100px">是否邮件确认：</label> </td> <td> <

柔情只为你懂/ 2022年07月14日 13:15/ 0 赞/ 268 阅读

相关 Ajax动态下拉列表

　许多页面上都涉及有下拉框，即select标签。对于简单的下拉框，被选择的数据是不需要改变的，我们可以用写死。这样下拉框的数据永远都是那几条。　　示例： 1 <s

妖狐艹你老母/ 2022年06月07日 06:17/ 0 赞/ 199 阅读

相关 select下拉框数据回显

<select name="occupation"> <option value="">全部</option> <option value="

我就是我/ 2022年06月05日 23:49/ 0 赞/ 342 阅读

相关 layui select下拉框监听值变化 layui 下拉列表的change事件

layui下拉列表的事件不能用jq的change 应该用自带的方式写。默认情况下，事件所监听的是全部的form模块元素，但如果你只想监听某一个元素，使用事件过滤器即可。

叁歲伎倆/ 2022年05月10日 02:24/ 0 赞/ 997 阅读

相关基于layui的下拉列表的数据回显

静态网页+layui渲染 html代码 <div class="layui-form-item"> <label class="layui-fo

刺骨的言语ヽ痛彻心扉/ 2022年04月18日 01:24/ 0 赞/ 702 阅读