Récupération valeur select dynamiquement créé

Version imprimable

07/08/2013, 14h11
Geoffrey74

Récupération valeur select dynamiquement créé

Bonjour,

je n'arrive pas a récupérer la valeur d'un select qui a été créer entièrement en ajax.

J’essaie de faire un $("#NomSelect option:selected").val() mais il ne trouve pas le select.

Sâchant qu'il a été créer dynamiquement, y'aurai t'il un moyen de trouver sa valeur ?

Merci d'avance.
07/08/2013, 14h24
andry.aime

Bonjour,

Peut-on voir ton code HTML et comment tu as généré ton select?

A+.
07/08/2013, 14h31
andry.aime

Attention

Citation:

$("#NomSelect option:selected").val()

Ça doit être l'id pas le name. Ensuite, ne passe pas l'option, val() retourne directement la valeur de l'option sélectionnée.

Code:

$("#IdSelect").val()

A+.

Re,

voici mon code :

Création des selecte :
Code:

1 2 3 4 5 6 7 8 9 10 11 for($NbProduit = 0;$NbProduit < count($CompositionMenu);$NbProduit++) { echo "<label>".$CompositionMenu[$NbProduit]."</label><br>"; echo "<select id=".$CompositionMenu[$NbProduit].">"; echo "<option value=''>Choissisez votre ".$CompositionMenu[$NbProduit]."</option>"; for($i=0;$i<count($Menu[$SelectedMenu][$CompositionMenu[$NbProduit]]);$i++) { echo '<option value="'.$i.'">'.$Menu[$SelectedMenu][$CompositionMenu[$NbProduit]][$i].'</option>'; } echo "</select><br><br>"; }
appeler par cette fonction
Code:

1 2 3 4 5 $('#menu').change(function () { $.get("ajax.php?menu="+$("#menu option:selected").val(), function(data){ $('#SelectAjax').html(data); }); }).trigger('change');
et là c'est la vérif des select qui ne fonctionne pas
Code:

1 2 3 4 5 6 7 8 9 10 $('#formselect').submit(function() { $.get("verifform.php?menu="+$("#menu option:selected").val(), function(data){ value=data.split('-'); for(i=0;i<value.length;i++) { alert($("#"+value[i]).val()); } }); return false });
c'est la partie en rouge qui ne fonctionne pas :-\

EDIT: pour info j'ai cette erreur :

Citation:

Horodatage*: 07/08/2013 16:01:17
Erreur*: Error: Syntax error, unrecognized expression: #
Sandwich
Fichier Source*: http://ajax.googleapis.com/ajax/libs.../jquery.min.js
Ligne*: 4

REDIT: en faite j'avais un élément de réponse sous le nez !!

mon select à comme id Sandwich, dans je le cherche avec #Sandwich sauf que l'erreur me donnais # "entrée"Sandwich, et interprétai mal l'erreur ^^

07/08/2013, 16h03
SpaceFrog

Code:

$('#SelectAjax').empty().append($(data));
07/08/2013, 16h10
Geoffrey74
J'ai donné d'autre infos en éditant mon précédent post.

J'ai donc un retour a la ligne avant l'ID, c'est sans doute ça qui pose problème.

EDIT:

ça fonctionne maintenant, j'ai rajouter
Code:

1 2 if(i==0) value[i] = value[i].substring(2);
car seul le premier élement du tableau comporte un retour chariot

D'ailleurs si quelqu'un à une explication !

voici le code qui renvoie les valeurs :
Code:

1 2 3 4 if($_GET['menu']) { echo $Menu[$_GET['menu']]["Composition"]; }
07/08/2013, 16h24
andry.aime

Citation:

Code:

echo "<select id=".$CompositionMenu[$NbProduit].">";

Citation:

Code:

<br>

La balise br doit être auto-fermante --> <br />

Attention, l'attribut id doit être entre des quotes.

Citation:

Code:

$("#menu option:selected").val()

Comme j'ai dit plus haut, tu n'as pas besoin de mettre "option:selected" pour récupérer la valeur du select.

Pour test, met alert (data); avant de faire un split.

A+.
07/08/2013, 16h53
Geoffrey74

J'ai corrigé les br et autres balises auto fermantes :)

Sinon, j'ai eu des erreurs sans mettre le

Code:

option:selected
07/08/2013, 17h00
andry.aime

On peut voir ton code HTML?

A+.

Voici toute ma page :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title> Composition du menu </title>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function()
			{
				$('#menu').change(function () {					
					$.get("ajax.php?menu="+$("#menu option:selected").val(), function(data){
						$('#SelectAjax').html(data);
					});
				}).trigger('change');
				$('#formselect').submit(function() {
						$.get("verifform.php?menu="+$("#menu option:selected").val(), function(data){
							value=data.split('-');
							for(i=0;i<value.length;i++)
							{
								if(i==0)
									value[i] = value[i].substring(2);
 
								if($("#"+value[i]+" option:selected").val() == "")
								{
									alert("Veuillez choisir votre " +value[i]);
								}
							}
						})
				});
			});
		</script>
	</head>
	<body>
		<?php
                        require_once('variables.php');
                        (isset($_GET['menu']))? $selectedmenu = $_GET['menu']:$selectedmenu=1 ;
                ?>
		<form id="formselect" action="panier.php" method="POST">
			Composition Menu : <br><br>
			<label> Menu :</label><br>
			<select id="menu" name="menu">
				<option value=''></option>
				<?php
                                        for($NbMenu=1;$NbMenu<=count($Menu);$NbMenu++)
                                        {
                                                if($NbMenu == $selectedmenu)
                                                        echo '<option value="'.$NbMenu.'" selected="selected">'.$Menu[$NbMenu]["Nom"]." - ".$Menu[$NbMenu]["Prix"].'€</option>';
                                                else
                                                        echo '<option value="'.$NbMenu.'">'.$Menu[$NbMenu]["Nom"]." - ".$Menu[$NbMenu]["Prix"].'€</option>';
                                        }
                                 ?>
			</select>
			<br>
			----------------------------------------------------------------
			<br>
			<div id='SelectAjax'></div>	
		</form >
		<br>
 
	</body>
</html>

D'ailleurs j'ai un nouveau soucis par rapport à ma vérification de mon "formulaire", j'arrive a avoir les valeurs et savoir lesquels ne sont pas remplie, mais je n'arrive pas à annuler la validation si y'a une erreur ou valider si ok

07/08/2013, 18h13
andry.aime

Citation:

Envoyé par Geoffrey74

D'ailleurs j'ai un nouveau soucis par rapport à ma vérification de mon "formulaire", j'arrive a avoir les valeurs et savoir lesquels ne sont pas remplie, mais je n'arrive pas à annuler la validation si y'a une erreur ou valider si ok

Lance la requête Ajax en mode synchrone.

A+.