Récupération valeur select dynamiquement créé

**Geoffrey74** · 07/08/2013, 14h11

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.

**andry.aime** · 07/08/2013, 14h24

Bonjour,

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

A+.

**andry.aime** · 07/08/2013, 14h31

Attention

$("#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 :

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

$("#IdSelect").val()

A+.

**Geoffrey74** · 07/08/2013, 15h55

Re,

voici mon code :

Création des selecte :

Code php :

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

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 :

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

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 :

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

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 :

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 ^^

**SpaceFrog** · 07/08/2013, 16h03

Code :

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

$('#SelectAjax').empty().append($(data));

**Geoffrey74** · 07/08/2013, 16h10

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 :

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

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 :

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

1
2
3
4
if($_GET['menu'])
{
	echo $Menu[$_GET['menu']]["Composition"];
}

**andry.aime** · 07/08/2013, 16h24

Code php :

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

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

Code :

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

<br>

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

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

Code :

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

$("#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+.

**Geoffrey74** · 07/08/2013, 16h53

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

Sinon, j'ai eu des erreurs sans mettre le

Code :

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

option:selected

**andry.aime** · 07/08/2013, 17h00

On peut voir ton code HTML?

A+.

**Geoffrey74** · 07/08/2013, 17h18

Voici toute ma page :

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
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

**andry.aime** · 07/08/2013, 18h13

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+.

Récupération valeur select dynamiquement créé [AJAX]

jQuery

Discussions similaires

Partager

Partager