var selectNum=0
//添加方法
function addTieType (){
if($('.addtietype input').size()<5){
selectNum++
$('.addtietype').append("<div>\n" +
"<input type=\"text\" name=\"select"+selectNum+"\" lay-verify=\"select\" class=\"layui-input\" style=\"display: inline-block;width: 50%;\">\n" +
" <button type=\"button\" class=\"layui-btn remove\">\n" +
" 删除选项\n" +
" </button>\n" +
" </div>\n"
)
}
}
// 选项删除
$('.remove').live('click',function(){
$(this).parent('div').remove();
});
如图效果:
当点击提交时获取添加选项,由上面代码可以看出选项的input框的name属性是name=“select”+selectNum+" 动态添加的,所以添加完选项再删除,selectNum的数值是累计向上加的。所以在获取的时候要动态获取。
var _single=[]
//selectNum==0时,得是data.field.select获取
if(!!data.field.select){
var arr = {}
arr.title = data.field.select
arr.type = "vote_params_single"
_single.push(arr)
}
for (var i=0;i<=selectNum;i++){
if (!!data.field["select"+i+""]) {
var arr = {}
arr.title =data.field["select"+i+""]
arr.type = "vote_params_single"
_single.push(arr)
}
}