jquery 动态增加,减少input表单的简单方法(必看)

2019-11-20 08:46:23

字体：大中小

来源：转载

供稿：网友

html代码如下

<html>   <tr><button style="margin-left:10px" class="add_field_button btn">Add</button></tr>    <tbody class="input_fields_wrap"></tbody> </html>

js代码如下

<script>    var max_fields   = 5; //maximum input boxes allowed   var wrapper     = $(".input_fields_wrap"); //Fields wrapper   var add_button  =(".add_field_button"); //Add button ID      var x = 1; //initlal text box count   $(add_button).click(function(e){ //on add input button click     e.preventDefault();     if(x < max_fields){ //max input box allowed       x++; //text box increment       $(wrapper).append('<tr style=""><td></td><td><button class="remove_field btn">Del</button></td></tr>'); //add input box       }     });       $(wrapper).on("click",".remove_field", function(e){ //user click on remove text     e.preventDefault(); $(this).closest('tr').remove(); x--;   })  </script>

以上就是小编为大家带来的jquery 动态增加,减少input表单的简单方法(必看)全部内容了，希望大家多多支持武林网~

上一篇：jquery动态添加文本并获取值的方法

下一篇：微信小程序生命周期详解