Question

Is there a way in AJAX or JS to add further inputs upon a button click?

Answer 1

In short, yes you can add more inputs on a button click.

For example, in jQuery, you could have something like this where the buttonID is the id attribute for the button and the formID is the id attribute for your form:

$('buttonID').click(function() {     //add new inputs here, something like:     $('formID').append('<input type='text' id='newInput' name='newInput' />'); }); 

You can also have the additional inputs hidden to start off with and then ‘un-hide’ them on a click if you want.