$(document).ready(function () {
var defrow = 10 // default rows
var max_fields = 15 // 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
Array(defrow)
.fill()
.forEach(function () {
$(wrapper).append(
'<div><a href="#" class="remove_field">Regel verwijderen</a><input type="text" name="mytext[]" class="text"/></div>'
) // add input box
})
$(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(
'<div><a href="#" class="remove_field">Regel verwijderen</a><input type="text" name="mytext[]" class="text"/></div>'
) // add input box
}
})
$(wrapper).on('click', '.remove_field', function (e) {
// user click on remove text
e.preventDefault()
$(this)
.parent('div')
.remove()
x--
})
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="add_field_button">button</button>
<div class="input_fields_wrap"></div>
I add this code :
Array(defrow)
.fill()
.forEach(function () {
$(wrapper).append(
'<div><a href="#" class="remove_field">Regel verwijderen</a><input type="text" name="mytext[]" class="text"/></div>'
) // add input box
})
solved I need 10 rows instead of 1