Génération de <select> et submit

**fhmayn** · 12/04/2011, 12h29

Bonjour,

Je bloque sur un point de mon développement :

J'ai mon formulaire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
	<FORM class="validation_ajout" name="formulaire" id="formulaire">
		<label>Nom</label><input type="text" name="item_name" id="item_name"/>
		<input type="button" id="add_select" value="Ajouter un bonus"/>
		<div id="select_dynamique"></div>
		<input type="submit" name="Valider" class="validation_form">
	</FORM>

Je rempli la div avec des <SELECT> en Ajax :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
	$("#add_select").click(function () { 
			var selecteur = 1;
 
			//alert("cliked");
			$.ajax({
			type: "POST",
			url : "../../includes/calc/add_item.php",
			data : "pos="+selecteur,
			success : function(data) {
			var resultat = data.match(/>](.+?)\[</);
			$("#select_dynamique").html($("#select_dynamique").html()+'<BR/>'+ data );
			cpt_bonus++;
			}});
	});

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?php
$objet=$_POST['pos'];
$tmp = '<SELECT name="type_bonus">';
$query="DESCRIBE bonus";
$req = mysql_query($query) or die($query); 
while($data = mysql_fetch_assoc($req)) 
		{ 
		 //on affiche les informations de l'enregistrement en cours 
		 if ($data['Field'] == 'idbonus' || $data['Field'] == 'iduser' || $data['Field'] == 'idbuild')
		 {
		 }
		 else
		 {
			$tmp .= '<OPTION value="$data[1]" >'.$data['Field'].'</OPTION>';
 
		 }
 
		} 
$tmp .= '</SELECT>';
$tmp .= '<input name="'.$data['Field'].'" type="text"/>';
echo $tmp; 
?>

Quand je veux soumettre mon formulaire grâce à mon évènement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
	$("#formulaire").submit(function(){
		$.ajax({type:"POST", data: $(this).serialize(), url:"../../includes/calc/valid_add_item.php",
			success: function(data){
				$("#post").html(data);
			},
                        error: function(){
			        $("#post").html('Une erreur est survenue.');
			}
		});
		return false;
	});

Il me retourne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
item_name => test
type_bonus => $data[1]

Sachant que j'ai ajouté deux <select>, il devrait me retourner le nom de l'item, plus deux lignes "bonus" avec le libellé et la valeur associées.

Pourriez vous m'aider à trouver mon erreur.

Merci

**x-zolezzi** · 13/04/2011, 10h25

C'est normal, car tu crées à chaque fois une liste déroulante qui porte le même "name". Il faut les nommer différemment, soit avec jQuery après les avoirs ajouter au HTML, soit en PHP.

**fhmayn** · 13/04/2011, 11h45

D'accord, je comprend le problème, mais il y en a un autre, il devrait au moins m'assigner la dernière valeur, pas $data[1].. Si ?

**x-zolezzi** · 13/04/2011, 11h51

c'est normal tu assignes la valeur $data[1] à tes options

Il faut que tu remplaces '<OPTION value="$data[1]" >'
par '<OPTION value="'.$data[1].'" >'

**fhmayn** · 13/04/2011, 11h59

Oui et donc admettons que $data[1] soit égal à "Toto", le js devrait me dire qu'il a stocké "Toto" et pas $data[1] vu que le traitement s'est fait en php