js动态添加选项,并可以删除,表单提交时获取选项

	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)
        }
	}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值