Cacher un div avec javascript

Signaler
Messages postés
89
Date d'inscription
mardi 1 septembre 2015
Statut
Membre
Dernière intervention
14 mai 2021
-
Messages postés
32452
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
14 mai 2021
-
Bonjour,

J'utilise ce code qui fonctionne parfaitement pour cacher le div maxpadnt

<script type="text/javascript">
function maxpatient(option_selected) {
if(option_selected == 1) {
document.getElementById('maxpadnt').style.display = 'block';
} else {
document.getElementById('maxpadnt').style.display = 'none';
}
}
window.onload = function(){
document.getElementById('maxpadnt').style.display = 'none';
}
</script>


Le problème est lorsque je l'utilise dans la page de modification du formulaire, le champ est sélectionné (selected) par défaut (selon le précédent choix de l'utilisateur). Donc si le champ est 1 lors du chargement de la page, je dois changer puis revenir sur 1 pour que le div s'affiche

Merci de votre aide


Configuration: Windows / Chrome 89.0.4389.114

2 réponses

Messages postés
89
Date d'inscription
mardi 1 septembre 2015
Statut
Membre
Dernière intervention
14 mai 2021

Après plusieurs jours sans solution, je relance ma question !
Messages postés
32452
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
14 mai 2021
3 485
Bonjour,
Au lieu de mettre en display none lorsque la page est chargé, il te suffit de faire appel à ta fonction..

Messages postés
32452
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
14 mai 2021
3 485
Un truc du genre :
function maxpatient(option_selected) {
  if(option_selected == 1) {
    document.getElementById('maxpadnt').style.display = 'block';
  } else {
    document.getElementById('maxpadnt').style.display = 'none';
  }
}
window.onload = function(){
  var option_selected =   document.getElementById('ID_DE_TON_SELECT').value;
  maxpatient(option_selected);
}