jQuery动态添加input,name值自增

Posted zhangjianzhen

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery动态添加input,name值自增相关的知识,希望对你有一定的参考价值。

 


    function addLi(){
        var listNum=$(".divList").length;
        var num= listNum == 0 ? 1: listNum+1 ;
        console.log(num);
        var divObj = ‘<div class="divList"><input class="small_input" placeholder="起始年份" name="start_year‘+num +‘" /><input class="small_input" placeholder="结束年份" name="end_year‘+num +‘" /><input class="small_input" placeholder="国家" name="country‘+num +‘" /><input class="small_input" placeholder="项目金额" name="item_amount‘+num +‘"  /><input class="small_input" placeholder="项目名称" name="item_name‘+num +‘" /></div>‘
        $(‘.main_business‘).append(divObj);
        var input_sum_val=$(".input_sum").val()
      $(".input_sum").val(++input_sum_val);
    }

 

       <dd style="height: auto;">
            <label>主营业务</label>
            <input class="input_sum" type="hidden" name="max" value="1" />
            <div class="main_business">
                <input class="small_input" placeholder="起始年份"><input class="small_input" placeholder="结束年份">
                <input class="small_input" placeholder="国家"><input class="small_input" placeholder="项目金额"><input class="small_input" placeholder="项目名称">
            </div>
           <button onclick="addLi()">add</button>
        </dd>

 

以上是关于jQuery动态添加input,name值自增的主要内容,如果未能解决你的问题,请参考以下文章

Jquery动态添加input和删除input

在Oracle中如何实现字段内的值自增呢?

怎么用javascript/jquery在当前页面获取动态添加的表单的name和值并且变成整个数组

jquery监听动态添加的input的change事件

jquery 动态添加,降低input表单的方法

第三章字段约束:数据完整性主键外键非空默认值自增唯一性