[DOM] Modifier le contenu d'un onChange

Invité · 17/02/2009, 16h34

Bonjour !

J'ai une application que je dois modifier. J'ai une fonction qui génère des droprown (<select>). J'aimerais ajouter des onChange dans mon select. Donc, quand la fonction créer un dropdown, je me retrouve avec un truc comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<select onChange="" name="truc">

J'aimerais pouvoir modifier l'intérieur du onChange. J'ai donc testé qqch du genre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<script type="text/javascript">
	<!--
	function refreshGroup()
	{
		document.getElementsByName("truc").onchange = "javascript: test();";
	}
	-->
</script>

Mais sans succès...

Quelqu'un aurait-il une idée ?

**E.Bzz** · 17/02/2009, 17h00

Bonjour,
essaye plutôt

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<select onChange="" id="truc">

avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<head>
<script type="text/javascript">
	<!--
function test() {
alert('Nouveau onchange');
}
	function refreshGroup()
	{
		document.getElementById("truc").onchange = test;
	}
	-->
</script>
</head>

Invité · 19/02/2009, 10h18

Voilà ce que j'ai testé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<select onChange='' id='dropdown_FK_group' name="FK_group" size='1'>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<script type="text/javascript">
	<!--
	function refreshGroup()
	{
		document.getElementById("dropdown_FK_group").onchange = "javascript: test();";
	}
	-->
</script>

Le onChange de mon select est toujours vide. alors que la fonction refreshGroup() est bien lancée.

**Bovino** · 19/02/2009, 10h26

Oui, mais ta fonction refreshGroup(), tu l'appelles quand ?

Et puis :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onchange = "javascript: test();"

Le 'javascript:', ça sert à quoi au juste, à demander à JavaScript de faire du JavaScript ?

Invité · 19/02/2009, 10h34

Envoyé par Bovino

Oui, mais ta fonction refreshGroup(), tu l'appelles quand ?

Et puis :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onchange = "javascript: test();"

Le 'javascript:', ça sert à quoi au juste, à demander à JavaScript de faire du JavaScript ?

J'appelle ma fonction tout à la fin de la page. J'ai testé en mettant un alert dedans et c'est ok.

Ca sert que l'application que je dois modifier génère elle-même ses dropdown. J'aimerais qu'un champ se rafraichisse automatiquement quand certains sont modifiés.

Je peux ajouter le onChange="" vide sur les select mais il faut ensuite que je puisse ajouter des choses dedans en fonctione du nom.

J'espère que j'ai été assez clair...

**Bovino** · 19/02/2009, 10h38

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<script type="text/javascript">
	<!--
	function refreshGroup()
	{
		document.getElementById("dropdown_FK_group").onchange = test;
	}
	-->
</script>

Invité · 19/02/2009, 10h46

Envoyé par Bovino

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<script type="text/javascript">
	<!--
	function refreshGroup()
	{
		document.getElementById("dropdown_FK_group").onchange = test;
	}
	-->
</script>

Avec cette méthode, FireBug me renvoi que :

Envoyé par FireBug

element is null
document.getElementById("dropdown_FK_group").onchange = test;

et que :

Envoyé par FireBug

test is not definied
document.getElementById("dropdown_FK_group").onchange = test;

par contre, si je remplace test par "test", je n'ai plus d'erreur. Par contre, le onChange n'est toujours pas modifié........

**marcha** · 19/02/2009, 11h03

Salut,

La solution de Bovino est la plus propre. Il doit y avoir un autre problème.

est-ce que ceci fonctionne ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.getElementById("dropdown_FK_group").onchange = function() { alert('ok'); };

Invité · 19/02/2009, 11h25

Envoyé par marcha

Salut,

La solution de Bovino est la plus propre. Il doit y avoir un autre problème.

est-ce que ceci fonctionne ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.getElementById("dropdown_FK_group").onchange = function() { alert('ok'); };

Non cela ne fonctionne pas car, comme je l'ai dit précédemment, le onChange n'est pas modifié. Il est toujours vide.

**Bovino** · 19/02/2009, 11h45

Non cela ne fonctionne pas car, comme je l'ai dit précédemment, le onChange n'est pas modifié. Il est toujours vide.

Ote moi d'un doute cruel, comment vois-tu que le onchange n'est pas modifié (qu'il est encore vide) ???

Invité · 19/02/2009, 11h50

Envoyé par Bovino

Ote moi d'un doute cruel, comment vois-tu que le onchange n'est pas modifié (qu'il est encore vide) ???

En regardant le code source de la page

C'est faux ......?

**marcha** · 19/02/2009, 11h56

Oui c'est faux, le code source est le code source, il ne t'affiche
pas les modifications faites par javascript. Ce qu'il te faut c'est un
inspecteur DOM. FireFox avec l'extension FireBug, puis "Inspecter" et
là tu verras

Invité · 19/02/2009, 12h01

Envoyé par marcha

Oui c'est faux, le code source est le code source, il ne t'affiche
pas les modifications faites par javascript. Ce qu'il te faut c'est un
inspecteur DOM. FireFox avec l'extension FireBug, puis "Inspecter" et
là tu verras

Ok, je viens de tester avec Firebug et le onChange est vide aussi

**Bovino** · 19/02/2009, 12h19

Ou en essayant de changer le select ...

**marcha** · 19/02/2009, 12h27

Envoyé par babastutz

Ok, je viens de tester avec Firebug et le onChange est vide aussi

Au temps pour moi, FireBug (en tout cas la version que j'ai) ne permet pas
de lister les évènements.

Donc le seul moyen de s'assurer qu'ils sont bien assignés c'est de les
provoquer (dixit. Bovino ci-avant)

Invité · 19/02/2009, 16h10

En fait je faisais une erreur de manip !

Vos solution fonctionnent très bien!

merci

[DOM] Modifier le contenu d'un onChange

JavaScript

Discussions similaires

Partager

Partager