select liés et retour ajax

**pop_up** · 08/06/2010, 13h59

Bonjour,

Je cherche a essayer de lier deux select entre eux.
Au changement du premier select, le second doit se mettre à jour.

Les traitements qui diront quoi afficher dans le second select seront dans un fichier ajax.php qui sera appelé sur la page ou se trouve mes select.

J'ai essayé ceci :
fichier ajax.php

Code :

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

1
2
3
4
 
<?php
    echo "<option>test</option>";
?>

Fichier principal :

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
 
<html>
	<head>
		<title>Essai : lier des select</title>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
        <script>
        $(document).ready( function() 
        {
            $('#select_auteur').change( function()
            {
                var donnee= "";
 
                $('#select_auteur option:selected').each(function () {
                        donnee += $(this).val();
                      });
 
                $.ajax({
                    type: "POST",
                    url:  "ajax.php",
                    data: "select_auteur="+encodeURIComponent($("#select_auteur").val()),
                    datatype : "html",
                    success: function(msg){
                        alert(msg);
                        $("#select_livre").html(msg);
                    }
                });
            })
        })
 
 
 
        </script>
	</head>
	<body>
		<form name="formulaire">
			<fieldset style="width: 500px">
				<legend>Liste liées</legend>
				<label>Auteurs</label>
				<select id='select_auteur'>
					<option value='1'>choix 1</option>
                    <option value='2'>choix 2</option>
                    <option value='3'>choix 3</option>
				</select>
				<label>Livres</label>
                <div>
                    <select id="select_livre"></select>
                <div>
 
			</fieldset>
		</form>
	</body>
</html>

Le premier problème, c'est que je n'arrive pas à récupérer ce qu'affiche le fichier ajax.php

dans cet exemple, le alert ne m'affiche même pas "<option>test</option>"

Mon second problème est que je ne suis pas sur d'utiliser la bonne méthode. J'ai choisi ici le type:post. Du coup, si je veux récupérer le choix du premier select dans mon fichier ajax.php, est ce que $_POST["select_auteur"] me permettra de récupérer la valeur ?

merci

**SpaceFrog** · 08/06/2010, 15h05

rajoute un name à ton form ...

**pop_up** · 08/06/2010, 15h27

merci pour ta réponse mais ça ne change rien au problème que j'ai pour récupérer ce qu'affiche le fichier ajax.php

PS: je modifie le code initial pour rajouter le name quand même

**SpaceFrog** · 08/06/2010, 15h34

Code :

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

encodeURIComponent($("#select_auteur").val())

??

**pop_up** · 08/06/2010, 15h42

J'ai répercuté mais le problème n'est pas la.

La question principale est pourquoi mon alert(msg); ne m'affiche pas "<option>test</option>" ?

En résolvant ça, je pourrai essayer d'avancer mais c'est le point qui me bloc

**SpaceFrog** · 08/06/2010, 16h04

l'alaert est sur le success ...
donc ton ajax est en echec

maintenant à savoir pourquoi ?

est tu sur que ta page php ne génère pas d'erreur ??

**pop_up** · 08/06/2010, 16h23

Effectivement, mon serveur local avait un petit problème. Après redémarrage, j'ai toujours ce problème de récupération du retour de ce fichier php

Mon alert m'affiche le code de mon fichier à savoir :

Code :

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

1
2
3
4
 
<?php
    echo "<option>test</option>";
?>

Et je comprend pas pourquoi

**SpaceFrog** · 08/06/2010, 16h54

avec les balises php ???

ton fichier ajax.php n'est pas interprété ...

le fichier est il bien dans le www ou sous repertoire de www ???
ou dans un alias ?.

**pop_up** · 08/06/2010, 17h45

je reviens vers vous quand j'aurais acheté un cerveau.
J'fais tellement de truc a la fois que j'ouvrai mon fichier directement dans le navigateur.

**SpaceFrog** · 08/06/2010, 19h24

Je ne dis rien ... ça m'est arrivé aussi

**pop_up** · 09/06/2010, 08h40

Hello,

De bon matin avec un cerveau tout neuf, ça va beaucoup mieux

Le code du fichier ajax.php

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<?php    
    if ($_POST["select_auteur"]==1) {
        echo "<option>auteur1 - livre1</option>
            <option>auteur1 - livre3</option>
            <option>auteur1 - livre3</option>";
    } elseif ($_POST["select_auteur"]==2) {
        echo "<option>auteur2 - livre1</option>
            <option>auteur2 - livre2</option>
            <option>auteur2 - livre3</option>";
    } else {
        echo "<option>test</option>";
    }
?>

Et celui du fichier principal :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>Essai : lier des select</title>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
        <script>
        $(document).ready( function() 
        {
            $('#select_auteur').change( function()
            {
                var donnee= "";
 
                $('#select_auteur option:selected').each(function () {
                        donnee += $(this).val();
                      });
 
                $.ajax({
                    type: "POST",
                    url:  "ajax.php",
                    data: "select_auteur="+encodeURIComponent($("#select_auteur").val()),
                    datatype : "html",
                    success: function(msg){
                        $("#select_livre").html(msg);
                    }
                });
            })
        })
 
 
 
        </script>
	</head>
	<body>
		<form name="formulaire">
			<fieldset style="width: 500px">
				<legend>Liste liées</legend>
				<label>Auteurs</label>
				<select id='select_auteur'>
					<option value='1'>choix 1</option>
                    <option value='2'>choix 2</option>
                    <option value='3'>choix 3</option>
				</select>
				<label>Livres</label>
                <div>
                    <select id="select_livre"></select>
                <div>
 
			</fieldset>
		</form>
	</body>
</html>

Merci pour ton aide SpaceFrog

**Electr0** · 13/06/2010, 19h58

Code :

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

1
2
 
<option value="tavaleur" >auteur1 - livre1</option>

Salut,

tu as oublié de mettre un value à tes options.

Bien à toi.

select liés et retour ajax

jQuery

Discussions similaires

Partager

Partager