Cacher un div avec javascript

admindunet Messages postés 148 Statut Membre -  
jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   -
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


--
bah, à part le bricolage informatique, rien à ajouter :)

2 réponses

  1. admindunet Messages postés 148 Statut Membre 1
     
    Après plusieurs jours sans solution, je relance ma question !
    0
  2. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 832
     
    Bonjour,
    Au lieu de mettre en display none lorsque la page est chargé, il te suffit de faire appel à ta fonction..

    0
    1. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 832
       
      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);
      }
      
      0