Bonjour jQ-People,

Je suis nouveau dans jQuery et pour mes études je veux faire une webapp qui envoie une recette à la DB.

Objectif du client: Remplir le formulaire pour créer une recette de barbecue!
Le client doit: ajouter le nom de l'ingrédient (input) + la mesure (input) + l'unité de mesure (select)
Le client peut: ajouter plusieurs lignes d'ingrédients, chaque ligne représentant un ingrédient

Mon problème: je veux obtenir dans un tableau (par exemple) chaque ligne d'ingrédient ajouté par ex:
Arr [
"Apple", "3", "Kg"
"Beef", "500", "gr"
....
]

Mon objectif est d'envoyer l'objet à la base de donnée.

Je ne sais absolument pas comment faire ... J'ai essayé du code, mais rien n'a de sens et ne fonctionne.
J'ai beaucoup à faire avec ce projet et je suis totalement bloqué, je commence a sérieusement déprimer ...

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<ul >
                <li id="list">
                    Nom de l'ingrédient:
                    <input type="text" id="ingredientName" pattern=".{3,}" required title="Ingrédient requis" />
                    Mesure:
                    <input type="number" id="measurement" min="1" />
                    Unité:
                    <select name="unitOfMeasure" id="unityMenu" style="width:100px">
                        <option value="" disabled selected>Choose Unity</option>
                    </select>
 
                </li>
            </ul>
        <button id="list_add">Ajouter</button>

Nom : SharedScreenshot.jpg
Affichages : 173
Taille : 117,2 Ko