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就解决啦。 代码跑上面去了,不太会搞,