Bonjour,

j'essaye de mettre à jour 3 liste en cascade. lorsqu'il une sélection est faite dans la première , les deux autres se mette à jour.
j'utilise la framework django et donc du python dans mon html.

le problème vient de mon fichier .js mais je bloque un peu pouvez vous m'aidez?

html
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
 
 <div>
  <form method="post"> {% csrf_token %}
  	<select name="select_espece" id="select_espece" multiple>&nbsp;&nbsp;
		<option value="ns">-- Sélectionnez une espèce --</option>
  	{% for ESPECE in latest_espece_list %}
		<option value="{{ ESPECE.ID}}">{{ ESPECE.LB_NOM}}</option>
    {% endfor %}
 
 
	    <input type="submit" value="Search" />&nbsp;&nbsp;<input type="reset" value="Reset"/>		
  	</select>
	</form>
 
 
  <form methode="post"> {% csrf_token %}
 
	<select name="select_typo" id="select_typo" multiple>&nbsp;&nbsp;
		<option value="ns">--Sélectionnez une typo ----</option>
  	{% for ESPECE in latest_typo_list %}
		<option value="{{ ESPECE.ID}}">{{ ESPECE.TYPO}}</option>
	{% endfor %}
	<br/>
	<br/>
 
 
 
 
  	<input type="submit" value="Search"/>&nbsp;&nbsp;<input type="reset" value="Reset"/>
 
   </select>
   </form>
 
   <form methode="post"> {% csrf_token %}
 
	<select name="select_habitat" id="select_habitat" multiple>&nbsp;&nbsp;
		<option value="ns">--Sélectionnez un habitat ----</option>
  	{% for ESPECE in latest_HABITAT_list %}
		<option value="{{ ESPECE.ID}}">{{ ESPECE.HABITAT}}</option>
	{% endfor %}
	<br/>
	<br/>
 
 
 
 
  	<input type="submit" value="Search"/>&nbsp;&nbsp;<input type="reset" value="Reset"/>
 
   </select>
   </form>
 </div>
 
 
    </body>
</html>
js

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
$(document).ready(function(){
 
 
                $("#select_espece").change(function(){ 
                           if($(this).val() != "ns"){
 
                               var esp = $(this).val();
 
                                $.ajax({
                                   url: "views.py",
                                   global: false,
                                   type: "POST",
                                   data: "ESPECE.ID="+esp,
                                   dataType: "html",
                                   success: function(){
                                  $("#select_typo").empty();
                                     $("#select_typo").html(msg);
 
                                $.ajax({
                                   url: "views.py",
                                   global: false,
                                   type: "POST",
                                   data: "ESPECE.ID="+esp,
                                   dataType: "html",
                                   success: function(){
                                  $("#select_habitat").empty();
                                     $("#select_habitat").html(msg);
                                 }});
 
 
 
                                 }});
 
                           }
                });
 });
merci d'avance