Lancer un script (action) après le choix d'un select
Bonjour,
J'ai une liste dans un select et après avoir choisi l'élément avec la liste déroulante, j'aurai voulu lancer un script automatiquement après le choix dans la liste déroulante.
Cela fonctionne si j'ajoute un bouton submit mais cela m'oblige d'abord à choisir l'élément avec le select PUIS à cliquer sur le bouton. Ce serait plus simple de lancer lors du select seulement...
Dans le form, j'envoie aussi la valeur d'une variable avec un input de type hidden, à récupérer par mon treatment.pl
J'ai utilisé la nouvelle propriété HTML5 du SELECT : form='idForm' qui déclenche l'élément form ayant pour id idForm. Cette solution seule ne fonctionne pas.
Code:
1
2
3
4
5
6
7
8
9
10
11
| <form action='treatment.pl' method='post' name='topForm' id='topForm'>
<input type=hidden name='myVal' value='$value'>
</form>
<select name='top' form='topForm'>
<option value=10>10</option>
<option value=20>20</option>
<option value=30>30</option>
<option value=40>40</option>
<option value=50>50</option>
</select> |
Mais avec un bouton submit cela fonctionne. Je récupère bien la valeur 'myVal' et la variable 'top' dans mon script treatment.pl
Code:
1
2
3
4
5
6
7
8
9
10
11
12
| <form action='treatment.pl' method='post' name='topForm' id='topForm'>
<input type=hidden name='myVal' value='$value'>
</form>
<select name='top' form='topForm'>
<option value=10>10</option>
<option value=20>20</option>
<option value=30>30</option>
<option value=40>40</option>
<option value=50>50</option>
<input type=submit>
</select> |
Y -t-il un moyen sans avoir ce bouton "submit" ?
Je pourrais un faire un onChange dans le select mais si c'est pour faire du JavaScript, on perd l’intérêt du HTML5.
Merci.
