Posted inphp / Codeigniter

dynamically add multiple input fields and submit to database with jquery and codeigniter

Today, We want to share with you dynamically add input fields and submit to database with jquery and codeigniter.In this post we will show you dynamically add remove input fields in php with jquery ajax, hear for dynamically add / remove input fields in codeigniter with jquery ajax we will give you demo and example for implement.In this post, we will learn about Dynamically Add Input Fields And Submit To Database With JQuery And PHP with an example.

how to add dynamic textbox (row and save to database using php)

Step 1: Download Codeigniter

https://codeigniter.com/download

Step 2: Create productslist Table

CREATE TABLE IF NOT EXISTS `productslist` (
  `id` int(10) unsigned NOT NULL AUTO_INCREMENT,
  `name` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci AUTO_INCREMENT=24 ;

Step 3: Create Route

application/config/routes.php


Step 4: Add New Controller

application/controllers/ExtraAddLoadController.php

load->database();

    }


    public function index()
    {

        $this->load->view('addMore');
    }

    public function storePost()

    {

        if(!empty($this->input->post('addmore'))){
            foreach ($this->input->post('addmore') as $key => $value) {

                $this->db->insert('productslist',$value);

            }

        }

   

        print_r('Record Added Successfully.');

    }

       

}

Step 5: Add View

application/views/addMore.php



   
      PHP Codeigniter - Dynamically Add or Remove input fields using JQuery - www.pakainfo.com
      
      
      
   
   
      

PHP - Dynamically Add or Remove input fields using JQuery - www.pakainfo.com

I hope you get an idea about dynamically add input fields and submit to database with jquery and codeigniter.
I would like to have feedback on my infinityknow.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.

I am Jaydeep Gondaliya , a software engineer, the founder and the person running Pakainfo. I'm a full-stack developer, entrepreneur and owner of Pakainfo.com. I live in India and I love to write tutorials and tips that can help to other artisan, a Passionate Blogger, who love to share the informative content on PHP, JavaScript, jQuery, Laravel, CodeIgniter, VueJS, AngularJS and Bootstrap from the early stage.

Leave a Reply

Your email address will not be published. Required fields are marked *

We accept paid guest Posting on our Site : Guest Post Chat with Us On Skype