Déclenchement d'une fonction au changement d'un select

Version imprimable

Bonjour,

J'utilise la fonction suivante afin de déclencher un fonction (fonction change de jquery) lors de la selection d'une des <option> d'un <select> et rien ne se passe en fait... :

Code:

$('select#pays').change(function(){alert('message d'alerte';});

Avez vous une idée sur ce qu'il manque a mon code?

Merci d'avance

Voici le code HTML :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<form action="index.php" name="filtre" method="post">
		<span class="element_filtre">
		<label>Pays</label>
				<select name="pays" id="pays" >
					<option value='-1' selected="selected">Choisir un pays</option>
					<?php
                                                mysql_connect("localhost","root");
                                                mysql_select_db("mess");
                                                $res = mysql_query("SELECT * FROM pays ORDER BY id");
                                                while($row = mysql_fetch_assoc($res)){
                                                        echo "<option value='".$row["pays"]."'>".$row["pays"]."</option>";
                                                }
                                        ?>
				</select>
		</span>

30/03/2009, 09h43
SpaceFrog

Code:

$('select#pays').onchange=function(){alert('message d'alerte');};
30/03/2009, 12h33
camcam8782

J'ai le message d'erreur suivant en essayant ta solution :

$ is not defined

Est-tu sur cette syntaxe?
30/03/2009, 12h35
Bovino

En échappant les quotes, ça risque de mieux fonctionner ;)

Code:

$('select#pays').change(function(){alert('message d\'alerte';});
30/03/2009, 13h01
camcam8782

Bien vu, mais cela me donne toujours le meme message d'erreur dans Firebug au chargement de la page:

$ is not defined
30/03/2009, 13h07
andry.aime

As -tu inclus jquery dans la page courante?

Code:

<script type="text/javascript" src="./js/jquery-1.3.1.min.js"></script>

oui, j'ai bien inclus la librairie jquery, tout a l'air ok a priori.... Mais l'erreur persiste...

Pour rappel, voici le code HTML du <select> correspondant :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<form action="index.php" name="filtre" method="post">
		<span class="element_filtre">
		<label>Pays</label>
				<select name="pays" id="pays" >
					<option value='-1' selected="selected">Choisir un pays</option>
					<?php
                                                mysql_connect("localhost","root");
                                                mysql_select_db("mess");
                                                $res = mysql_query("SELECT * FROM pays ORDER BY id");
                                                while($row = mysql_fetch_assoc($res)){
                                                        echo "<option value='".$row["pays"]."'>".$row["pays"]."</option>";
                                                }
                                        ?>
				</select>
		</span>

30/03/2009, 15h12
andry.aime

On peut voir le code complet?

oui bien sur,

voici la page de depart :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
<meta http-equiv="Content-Type" content="text/html" charset="iso-8859-1" />
		<link rel="stylesheet" media="screen" type="text/css" title="post" href="css/index.css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type='text/javascript' src='js/menu_index1.js'></script>
 
</head>
    <body>
<fieldset>
		<div id="filtre">
 
		<form action="index.php" name="filtre" method="post">
		<span class="element_filtre">
		<label>Pays</label>
				<select name="pays" id="pays" >
					<option value='-1' selected="selected">Choisir un pays</option>
					<?php
                                                mysql_connect("localhost","root");
                                                mysql_select_db("mess");
                                                $res = mysql_query("SELECT * FROM pays ORDER BY id");
                                                while($row = mysql_fetch_assoc($res)){
                                                        echo "<option value='".$row["pays"]."'>".$row["pays"]."</option>";
                                                }
                                        ?>
				</select>
		</span>
		<span class="element_filtre">
		<label>Region</label>
				<span id="id_region" style="display:inline">
				<select id="region" name="region" >
					<option value='-1' selected="selected">Choisir un pays</option>
					<option value='Alsace' selected="selected">Alsace</option>
				</select>
				</span>
		</span>
<span id="pp">
		<input type="submit" name="submit" id="submit" value="Lancer le filtre"  /></span>
</form>
</div>
</fieldset>
 </body>
</html>

et le fichier index_menu1.js :

Code:

1
2
3
4
5
$(document).ready(function () {
 
		$('select #pays').change(function(){alert('message d\'alerte');});
 
		});

Donc rien ne se passe lorsque je selectionne un des pays dans le <select> "pays" et lors du chargement de la page, j'ai l'erreur suivante :

$ is not defined
[Break on this error] $(document).ready(function () {

J'ai donc l'impression qu'il bloque des le début du code de la page menu_index1.js...

Merci d'avance pour votre aide!

30/03/2009, 17h41
camcam8782

Je viens de trouver!
Je declarais trop tot mes fichiers .js (avant de declarer jquery...:oops:)
Merci pour votre aide