options dynamiques dans un select
bonjour,
dans un FORM j'ai plusieurs SELECT
dont 2 sont liés (ils sont ci-dessous) avec du javascript
quand j'appuie sur le bouton "submit" le controller Rails ne récupère rien
dans params[:ville] j'ai (NILL) par contre l'alerte JS me donne bien la ville.
vu que je ne connais pas grand-chose en JS
comment puis-je faire pour avoir la ville selectionnée dans
mon controller ? FORM name=classic action="/look/at"
voici un extrait du code
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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
|
<table>
<FORM name=classic action="/look/at">
<tr>
<th>type de bien</th>
<tr>
<td>
<SELECT style="WIDTH: 150px" size=1 name=typb>
<OPTION selected value="appartement">Appartement</OPTION>
<OPTION value="villa">Maison / Villa</OPTION>
</SELECT>
</td>
</tr>
<tr><th>nb de personnes</th>
<tr>
<td>
<SELECT style="WIDTH: 150px" size=1 name=nbp>
<OPTION selected value="02">2</OPTION>
<OPTION value="04">4</OPTION>
<OPTION value="06">6</OPTION>
<OPTION value="08">8</OPTION>
<OPTION value="00">+8</OPTION>
</SELECT>
</td>
</td>
</tr>
<tr>
<th>date</th>
<tr>
<td>
<SELECT style="WIDTH: 150px" size=1 name=dat>
<OPTION selected value="07-10">07-10</OPTION>
<OPTION value="07-17">07-17</OPTION>
<OPTION value="07-24">07-24</OPTION>
<OPTION value="07-31">07-31</OPTION>
<OPTION value="08-07">08-07</OPTION>
<OPTION value="08-14">08-14</OPTION>
<OPTION value="08-21">08-21</OPTION>
<OPTION value="08-28">08-28</OPTION>
</SELECT>
</td>
</tr>
<tr>
<th>Région</th>
<tr>
<td>
<SELECT style="WIDTH: 150px"
onclick=updateville(this.selectedIndex) size=1 name=region>
<OPTION selected>Toutes</OPTION>
<OPTION value="costa del sol">Costa del Sol</OPTION>
<OPTION value="costa blanca">Costa Blanca</OPTION>
<OPTION value="costa del azahar">Costa del Azahar</OPTION>
</SELECT>
</td>
</tr>
<tr>
<th>Ville</th>
<tr>
<td>
<SELECT style="WIDTH: 150px"
onclick=alert(this.options[this.options.selectedIndex].value) size=4
name=ville>
</SELECT>
</td>
</tr>
<input type="submit" />
</FORM>
</table>
<SCRIPT type=text/javascript>
var countrieslist=document.classic.countries
var villelist=document.classic.ville
var ville=new Array()
// ville[0]=""
ville[1]=["toutes|tscds", "Malaga|malaga", "Almunecar|almunecar", "Estepona|estepona", "Marbella|marbella" ]
ville[2]=["toutes|tscbl", "Calpe|calpe", "Dénia|denia"]
ville[3]=["toutes|tscda", "Peniscola|peniscola", "Vinaroz|vinaroz", "Benicarlo|benicarlo"]
function updateville(selectedcitygroup){
villelist.options.length=0
if (selectedcitygroup>0){
for (i=0; i<ville[selectedcitygroup].length; i++)
villelist.options[villelist.options.length]=new Option(ville[selectedcitygroup][i].split("|")[0], ville[selectedcitygroup][i].split("|")[1])
}
}
</SCRIPT>
</BODY></HTML> |
