前端：在layer content 内使用js为select option赋值

来源：互联网发布：python intertools 编辑：程序博客网时间：2024/05/16 02:14

 layer.open({  type: 1,  skin: 'layui-layer-rim', //加上边框  area: ['350px','400px'], //宽高 // btn: ['提交','取消'],  content: "<div id='addwin'><table align='center'style='margin-top: 5px;'>"  +"<tr>"  +"<td>场所类别:</td>"  +"<td><select id='locSel' name='locSel'>"  +"<option value ='0'>全部</option>"                +"</select></td>"  +"</tr>"  +"<tr>"  +"<td>场所编码:</td>"  +"<td><input type='text' id='localeCode'></td>"  +"</tr>"  +"<tr>"  +"<td>场所名称:</td>"  +"<td><input type='text' id='localeName'></td>"  +"</tr>"  +"<tr>"  +"<td>门店地址:</td>"  +"<td><input type='text' id='localeadd'></td>"  +"</tr>"  +"</table></div>",  btn: ['提交', '取消']  ,yes: function(index, layero){  var locSel =$("#locSel").val();   var localeCode =$("#localeCode").val();  var localeName =$("#localeName").val();  var localeadd =$("#localeadd").val();  alert(locSel);    addlcoale(localeType);  }  ,btn2: function(index, layero){    layer.close(index);  }})for(var i =0;i<type_arr.length;i++){  var opt = type_arr[i];  $("#locSel").append("<option value='"+opt.type_id+"'>"+opt.type_name+"</option>");  }

最近使用layer插件做前端跳出框，想要在content中用js创建一个select下拉选择框，开始我想都没想直接在content中写js代码。因为content中我用的是hi拼接html代码的方式实现跳出框内容的，原以为这样没任何毛病，但是我蒙蔽了，，，，整个方法体直接崩了，

后来找了资料看一下，解决了这个小问题

解决思路：在content中照常拼接html代码。拼接时候建立一个<select id = 'selectId' ></select> ,然后再下面（最好是layer.open方法后面）获取这个select，然后循环为select 添加option就解决啦。代码跑上面去了，不太会搞，

阅读全文

1 0