Cacher un div avec javascript

Fermé

admindunet Messages postés 127 Date d'inscription mardi 1 septembre 2015 Statut Membre Dernière intervention 12 mars 2023 - 6 avril 2021 à 16:58
jordane45 Messages postés 38324 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 2 décembre 2024 - 22 avril 2021 à 17:07

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

A voir également:

Cacher un div avec javascript
Telecharger javascript - Télécharger - Langages
Cacher conversation whatsapp - Guide
Cacher application android - Guide
Div c++ - Télécharger - Langages
Comment cacher ses amis sur facebook - Guide

2 réponses

Réponse 1 / 2

admindunet Messages postés 127 Date d'inscription mardi 1 septembre 2015 Statut Membre Dernière intervention 12 mars 2023 1
22 avril 2021 à 14:39

Après plusieurs jours sans solution, je relance ma question !

Réponse 2 / 2

jordane45 Messages postés 38324 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 2 décembre 2024 4 711
22 avril 2021 à 17:06

Bonjour,
Au lieu de mettre en display none lorsque la page est chargé, il te suffit de faire appel à ta fonction..

jordane45 Messages postés 38324 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 2 décembre 2024 4 711
22 avril 2021 à 17:07

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);
}

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule

Cacher les membres du groupe WhatsApp

Comment trouver les fichier cachés ?