Dynamically Add / Remove input fields in PHP with Jquery Ajax

Need your Help ma'am does it work for multiple columns instead of the only "name".

thanks

it just added and delete the input type but not inserted in a database

Hi,
First thanks for the explanation, your tutorial work well, but there is one little bug, the process of adding or removing inputs doesn't respect the order of the id.
for instance : let's assume you add an input that has id=5, for some reason you remove it and you want to add it again, the new input got the id=6 instead of 5. to fix that just add i=i-1 at the end of the code
$(document).on('click', '.btn_remove', function() {
var button_id = $(this).attr("id");
$('#row'+button_id+'').remove();
i = i-1;
});

Thank you

thank you

Well, this tutorial is shit in the presentational way but it's great in merithorical way.

Hello get data from database when type head and there other value will show in next box in dynamic add. Please help

how dynamically add multiple input fields with database table value and update database table with jquery

hello, how to insert multiple data and i dont see the code when you insert sql code, please i want to see for more comprehension.

source code link is not working

can you please display the database fields?

very helpful it was

Can you please tell me how to update all the fields

can you share this code in to Bootstrap Studio

this may help thanks

Fetch data col name in dropdown textbox in php , using to sending bulk sms or email

It doesnt enter entry in database not going in if condition .
What should i do ?

i got link "thank you
"

any way to download this code

Would this work having a date/time, text and number field on each row?

muchas feliz dades por lle garalos 34 mil

Thanks a lot for your job

really appreciate your work!

What is this process called again

Good job

i have 4 input fields, the video only deals with 1 input field. Please help me .. Thanks

Can you share the code in Visual Studio using MVC..?

thanks webslesson , i can try lot of think to dynamically add input field and save its data on database,but i can only store only one value ,but your tutorials help me lot,thanks once again

if i try to enter a name of the first input field without pressing the Add More button, I get the message Please Enter Name. Similarly, if I remove all the extra input fields and try to submit a name via the original input field only, I get the same message.

If I use multiple input fields, all the names are entered correctly, including from the original input field.

Can someone please help?

your tuts are great thank you so much

This lady does not have any emotions :P:P 😛

It doesnt work for me..
Code :

<div class='row' id='dynamic_field'>
<div class='three columns innerpadding offsetTwo'>
<label>Team Members
<input type='text' name='team_members' class="name_list" placeholder='Enter the username of your team members'>
</label>
</div>
<div class='two columns innerpadding' style='margin-top: 42px;'>
<a class='button green' id='add' name='add'><i class='fas fa-plus'></i>Add More</a>
</div>
</div>

<script>
$(document).ready(function() {
var i = 1;
$("#add").click(function() {
i++;
$("#dynamic_field").append("<div class='row' id='row"+i+"'> <div class='three columns innerpadding offsetTwo'><input type='text' name='name[]' class='name_list' placeholder='Enter the username of your team members'></div><div class='two columns innerpadding' style='margin-top: 42px;'><a class='button red btn_remove' id='"+i+"' name='remove'><i class='fas fa-times'></i></a></div><input type='button' name='submit' id='submit' value='submit'></div>");
)};
$(document).on("click", ".btn_remove", function() {
var button_id = $(this).attr("#id");
$("#row"+button_id+"").remove();
)};
)}:

I am very thnkful.
Truly Awesom Work..

can u please upload a video on how to multi ple fiter serch like that in amazon with ajax on change event

Great work , thank you.
I have a one question , how can we use ckeditor at the place of textfield , in this module.