Evenements (onChange) sur element DOM

Bonjour à tous,

je vous expose ma problématique

Je crée des element en DOM mais a certain de ces element j'aimerai leur attribuer des evenement (onclick, onload, onchange, etc..)

sauf que je ne sais pas comment m'y prendre.

J'ai éssayer :

selectt = document.createElement("select");
selectt.name = "f_raison_annulation[]";
selectt.id = "raison_annulation_"+type_formation+"_"+i;

selectt.onChange = "if(this.value=='Autre') document.getElementById('raison_annulation_autre_"+type_formation+"_"+i+"').style.display='block'; else document.getElementById('raison_annulation_autre_"+type_formation+"_"+i+"').style.display='none';";

selectt.onLoad = "if(this.value=='Autre') document.getElementById('raison_annulation_autre_"+type_formation+"_"+i+"').style.display='block'; else document.getElementById('raison_annulation_autre_"+type_formation+"_"+i+"').style.display='none';";

Sans succès, quelqu'un aurait une idée ?

D'avance merci
L0rD...

J'ai égallement essayer sa :

selectt = document.createElement("select");

selectt.name = "f_raison_annulation[]";
selectt.id = "raison_annulation_"+type_formation+"_"+i;
selectt.onchange = function() {
if(this.value=='Autre')
document.getElementById("raison_annulation_autre_"+type_formation+"_"+i).style.display='block';
else
document.getElementById("raison_annulation_autre_"+type_formation+"_"+i).style.display='none';
}
selectt.onload = function() {
if(this.value=='Autre')
document.getElementById("raison_annulation_autre_"+type_formation+"_"+i).style.display='block';
else
document.getElementById("raison_annulation_autre_"+type_formation+"_"+i).style.display='none';
}

sans success

L0rD...

bonjour

tu doit le faire par le biais d'une fonction

selectt.onChange = if(this.value=='Autre') function(){document.getElementById('raison_annulation_autre_"+type_formation+"_"+i+"').style.display='block';} else function(){document.getElementById('raison_annulation_autre_"+type_formation+"_"+i+"').style.display='none'};

Bonjour et merci pour votre réponse.

Cependant j'obtiens une erreur de syntax avec ceci

selectt.onChange = if(this.value=='Autre') function(){document.getElementById('raison_annulation_autre_'+type_formation+'_'+i).style.display='block';} else function(){document.getElementById('raison_annulation_autre_'+type_formation+'_'+i).style.display='none'};


L0rD...

cette syntaxe devrait etre bonne

petit oubli

Bonjour à tous,
il est a noter que le this.value changera en fonction de la sélection, donc il faut intégrer le test dans la fonction associée à l'événement onchange, ce qui donnerait

mais quel est l'intérêt de masquer un SELECT qui ne sera donc plus accessible...
Je n'ai peut être pas tout saisi...

;O)

Aucune de vos solutions ne fonctionne apparement même après y avoir retoucher un peu, vous avez peut-être pas saisie le contexte je vais ré-expliquer.

Je créer dynamiquement avec DOM des formulaire

dans ce formulaire il y a un select. qui correspond a une raison d'annulation "pré-définie" avec un choix Autres, si ce choix Autres apparait, alors un textarea apparait pour indiquer le complément. mais le tous dynamiquement avec DOM.

Voici mon dernier éssaie repris de PetoleTeam qui ne m'indique pas d'erreur mais qui ne fonctionne pas.

selectt.onChange = function(){
if(this.value=='Autre')
document.getElementById('raison_annulation_autre_'+type_formation+'_'+i).style.display='block';
else
document.getElementById('raison_annulation_autre_'+type_formation+'_'+i).style.display='none';
};

selectt.onLoad = function(){
if(this.value=='Autre')
document.getElementById('raison_annulation_autre_'+type_formation+'_'+i).style.display='block';
else
document.getElementById('raison_annulation_autre_'+type_formation+'_'+i).style.display='none';
};





L0rD...

Non ben j'ai rien dit c'est bon sa ne marchais pas a cose de ma condition JS

Désolé merci beaucoup


L0rD...