请选择 进入手机版 | 继续访问电脑版
 找回密码
 免费注册
搜索

layui select动态赋值,并确定选中项,下拉切换调取接口,赋值给input

0
回复
188
查看
[复制链接]

44

主题

45

帖子

328

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
328
2020-6-9 17:20:09 显示全部楼层 |阅读模式
html:
  1. <div class="layui-form-item">
  2.         <label class="layui-form-label">路由器名称</label>
  3.         <div class="layui-input-block">
  4.             <select name="neName" id="neName" lay-filter="neName" lay-verify="required"></select>
  5.         </div>
  6.     </div>
  7.     <div class="layui-form-item">
  8.         <label class="layui-form-label">路由器ID</label>
  9.         <div class="layui-input-block">
  10.                 <input type="text" name="neId" lay-verify="title" autocomplete="off" placeholder="请输入" class="layui-input" disabled="">
  11.         </div>
  12.     </div>
  13.     <div class="layui-form-item">
  14.         <label class="layui-form-label">路由器IP</label>
  15.         <div class="layui-input-block">
  16.             <input type="text" name="neIp" lay-verify="title" autocomplete="off" placeholder="请输入" class="layui-input" disabled="">
  17.         </div>
  18.     </div>
复制代码

js:
  1. var htmls = '<option value="">请选择</option>'; //全局变量

  2.         //编辑获取PE1,PE2的“名称”“IP”“ID”值
  3.         form.on('select(neName)', function(data){
  4.             var peName = data.value;
  5.             $.ajax({
  6.                 url: layui.setter.apiCtx + 'ccbSite/getNetIpId/' + peName,
  7.                 type: "get",
  8.                 success: function (data) {
  9.                     //console.log(data.data);
  10.                     var peData = data.data[0];
  11.                     $("input[name='neId']").val(peData.resId);
  12.                     $("input[name='neIp']").val(peData.ipAddress);
  13.                     form.render('select');
  14.                 }
  15.             });
  16.         });

  17.         //获取路由器名称
  18.         $.ajax({
  19.             url: layui.setter.apiCtx + 'ccbSite/getNetElement',
  20.             type: "get",
  21.             success: function (data) {
  22.                 //console.log(data);
  23.                 var resultData = data.data;
  24.                 //路由器名称下拉框赋值
  25.                 for(var x in resultData){
  26.                     htmls += '<option value = "' + resultData[x].devSysName + '">' + resultData[x].devSysName + '</option>'
  27.                 }
  28.                 $("select[name='neName']").html(htmls);
  29.                 $("select[name='neName']").find("option[value="+ ss.neName +"]").prop("selected",true);//设置选中路由器
  30.                 form.render('select');
  31.             }
  32.         });
复制代码



  
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 免费注册