Je tente d'ajouter de manière dynamique une nouvelle ligne d'entrées de formulaire HTML (une nouvelle ligne comprenant 6 entrées, nommément (type (Dropdown), longueur, largeur, hauteur, poids et quantité) dans une "vue" existante. formulaire en utilisant JavaScript. Les entrées de formulaire HTML actuelles sont ensuite accessibles dans mon fichier de contrôleur via les demandes PHP $ _Post. Cela fonctionne bien en récupérant le champ "Nom" du formulaire HTML. Ainsi, un utilisateur complète la première ligne, identifiant pour l'envoi d'un colis, et ils veulent ajouter une deuxième colis, de sorte qu'ils cliquent sur un ajout (ou supprimez) pour ajouter ou supprimer une ligne supplémentaire d'entrées.
J'ai le code qui travaille sans ajouter la deuxième ligne. Si vous laissez le formulaire en défaut, toutes les variables $ sont extraites pour que le contrôleur agisse sur eux.
J'ai réussi à obtenir du code JavaScript hors du net qui ajoute la deuxième partie du formulaire d'entrée correctement, mais j'ai supposé que le code incrémente le champ "nom" afin que le premier envoi soit nom = longueur et le deuxième envoi serait Nom = longueur2. Le code a besoin de bootstrap également pour fonctionner correctement.
J'ai des compétences PHP, HTML, mais des compétences JavaScript limitées, d'où ma demande s'il vous plaît. finalement, une fois que j'ai cliqué sur la ligne Ajoutée et saisi toutes les entrées, je voudrait que le script incrémente numériquement l'entrée "Nom" du formulaire HTML puis de l'accéder via PHP $ _Post.
S'il y a une meilleure façon de le faire, je suis ouvert aux suggestions.
3 Réponses :
Cela ne fonctionnera de toute façon pas, je suggérerais d'utiliser un GUID au lieu d'un comptoir depuis la suppression d'une ligne avant que le contraire ne provoque que le compteur se fixe au même numéro que la dernière ligne actuelle.
function myFunction() {
var table = document.getElementById("myTable");
var row = table.insertRow(3);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";
}
J'ai réussi à trouver un script qui avec la personnalisation apparaît qu'il résoudra mon problème. Je posterai le résultat une fois terminé afin que cela puisse aider tous les futurs utilisateurs. Le lien de script se trouve à l'adresse suivante: - https: //www.jqueryrscript .NET / DÉMO / DUPLIGUE-INPUT-INPUT-FIGHIGS-JQUERY-REPERVEABLE /
Fondamentalement, ce que ce script vous permet de faire dupliquer des divs dans une table ou un formulaire et incrémente les index, "Nom" "ID", etc. Je l'utiliserai pour ajouter de manière dynamique des "entrées" supplémentaires sur un formulaire.
Avec votre code actuel, lorsque vous ajoutez une ligne, quels sont les noms des entrées dans cette nouvelle ligne?