1
Salutations,jquery: valeur ajoutée des éléments annexés à la base de données
j'ai eu le problème suivant:
En cliquant sur le bouton « Ajouter Flavor » (voir code complet de l'échantillon), une zone de liste déroulante, Le champ de texte et deux cases à cocher sont générés dynamiquement, chaque fois que le clic sur le bouton est effectué.
Existe-t-il un moyen d'ajouter les valeurs des éléments générés dynamiquement (en réalité «ajoutés») à la base de données via ajax?
Voici l'exemple de code, sur lequel je voudrais le trouver sur
[code]
<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
function addUsedComp(){
var id = document.getElementById("id").value;
$("#divFlav").append("<p id='row" + id + "'><label for='txt" + id + "'> Flavor " + id + " <select id='select'><option selected='selected'>Vanilla</option><option >Chocolate</option><option >Strawberry</option><option >Coconut</option></select> amount: <input name='val' type='text' size='8' /> <input type='checkbox' name='concentration1' value='gramm' id='id+1' />gramm<input type='checkbox' name='concentration2' value='percent' id='id' />percent <input name='Remove' type='button' value='Remove' onClick='removeSelectionField(\"#row" + id + "\"); return false;' /><p>");
id = (id-1)+2;
document.getElementById("id").value = id;
}
<!--function removes an selection field-->
function removeSelectionField(id) {
$(id).remove();
}
</script>
<!--ajax process/http process should get dynamically send all the data of each step, each time clicked on the "next step" button-->
</head>
<body>
<p><input name="Add" type="button" value="Add Flavor" onClick="addUsedComp(); return false;" /></p>
<form action="#" method="get" id="form1">
<input type="hidden" id="id" value="1">
<div id="divFlav"></div>
</body>
</html>
[/ code]
Nous vous remercions d'avance pour les conseils