Ajouter/Supprimer Champs Dynamiques PHP jQuery Ajax + MySQL

Dans le tutoriel, nous apprendrons comment ajouter / supprimer dynamiquement des champs de saisie en PHP avec Jquery Ajax et insérer des données dans la base de données.

Créez d’abord un Formulaire HTML avec un déposé et un bouton de soumission.

Add More

Champ Jquery pour ajouter / supprimer

$(document).ready(function(){
var i=1;
$('#add').click(function(){
i++;
$('#dynamic_field').append('X');
});
	
$(document).on('click', '.btn_remove', function(){
var button_id = $(this).attr("id"); 
$('#row'+button_id+'').remove();
});
});

Maintenant, créez Table MySQL tblskills. Tableau de la structure des compétences ci-dessous

CREATE TABLE `tblskills` (
  `id` int(11) NOT NULL,
  `skill` varchar(250) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1;

Créer un fichier de connexion à la base de données (config.php)

Code pour l’insertion des données dans la base de données.

    1)
{
   pour ($ i = 0; $ i <$ count; $ i ++)
    {
        if (trim ($ _ POST["skill"][$i]    ! = ''))
{
$ sql = mysqli_query ($ con, "INSERT INTO tblskills (skill) VALUES ('$ skill[$i]') ");
}
}
écho "alert('Skills inserted successfully');";
}
autre
{
écho "alert('Please enter skill');";
}
}
?>

Voici le code complet que nous avons écrit pour la page index.php:

    1)
{
pour ($ i = 0; $ i <$ count; $ i ++)
{
if (trim ($ _ POST["skill"][$i]    ! = ''))
{
$ sql = mysqli_query ($ con, "INSERT INTO tblskills (skill) VALUES ('$ skill[$i]') ");
}
}
écho "alert('Skills inserted successfully');";
}
autre
{
écho "alert('Please enter skill');";
}
}
?>

	




	
	
	

	
Ajouter ou supprimer dynamiquement des champs de saisie en PHP avec JQuery


	






Ajouter plus




				
			
		
	

$(document).ready(function(){
	var i=1;
	$('#add').click(function(){
	i++;
	$('#dynamic_field').append('X');
	});
	
$(document).on('click', '.btn_remove', function(){
var button_id = $(this).attr("id"); 
$('#row'+button_id+'').remove();
	});
});