[inline HTML] onChange : update ?

Version imprimable

15/03/2010, 23h37
kidpaddle2

[inline HTML] onChange : update ?

Bonjour,

Dans un code HTML (je ne connais pas grand-chose au JS, mais j'ai beau chercher je ne trouve pas), je cherche à rafraichir simplement la page (ou plutôt, une div en particulier, mais je ne pense pas que ce soit possible) en fonction de l'item sélectionné dans une combobox (<select>).

Par exemple, pour faire simple, je sélectionne "Orange" dans la combobox, et le mot "Orange" s'affiche instantanément en dessous (mais "Orange" reste sélectionné !), et ainsi de suite.

Comment faire ?

Merci d'avance.

P.S: Si possible, j'aimerais ne pas avoir recours à de nouveaux fichiers ou fonctions, bref ne rajouter que du script dans le onchange="...". Si possible ;)

Salut,

Effectivement tu peux intéragir sur le onchange, par exemple:

Code:

1
2
3
4
5
6
7
8
 
<select onchange="document.getElementById('cible').innerHTML=this.value">
	<option value="">(Faire un choix)</option>
	<option value="orange">Orange</option>
	<option value="vert">Vert</option>
	<option value="bleu">Bleu</option>
</select>
<div id="cible"></div>

ERE

16/03/2010, 23h31
kidpaddle2
Merci de ta réponse.

J'aurais dû faire un compromis entre simplicité de problème et réalisme, car cette solution n'est pas applicable à mon problème :/

En fait, je sélectionne à l'aide d'une combobox une matière, et une listbox en dessous liste en conséquence les horaires des différents TDs (j'ai l'emploi du temps en base de données).

Pour ceux qui ont à peu près le même problème, je vais me faire un plaisir de proposer une solution qui vaut ce qu'elle vaut : même si j'ai bricolé, ça marche. Après, c'est peut-être pas très propre ni sécurisé, auquel cas n'hésitez pas à proposer mieux =)

Voilà : sur le onchange, je change self.location en passant le code de la matière en paramètre via GET, et je fais un test dessus pendant le remplissage de la listbox.
Ce qui donne :
Code:

1 2 <select name="uv" onchange="self.location=\'form.php?UV=\'+form.uv.options[form.uv.options.selectedIndex].value;"> </select>