Javascript Girl
  1. Javascript Girl
  3. Basculer une division cachée lorsqu'une option déroulante particulière est sélectionnée / désélectionnée
Intereting Posts
Affichez la boîte de dialogue "Enregistrer sous" et enregistrez le contenu d'un texte sélectionné dans textarea dans un fichier sur le PC du client Obtenir le nombre de personnes dans une salle de discussion dans socket.io Problèmes avec la table dynamique HTML et javascript CSS Animation onClick Valeur de retour OOP Javascript de la fonction Supprimer les caractères d'une chaîne Modules Node.js pour tests unitaires Comment puis-je effectuer une ingénierie inverse de mes fichiers JavaScript avec js / uml? Dragage et redimensionnement des éléments transformés CSS JS: Obtenez un tableau de tous les nœuds sélectionnés dans le contenuEditable div Obtenir un ID Client unique à partir de l'extension chrome? Qu'est-ce qui ne va pas avec crypto.getRandomValues ​​dans Internet Explorer 11? Node.js + Socket.io | Définissez les en-têtes personnalisés sur le serveur Comment transmettre l'événement comme argument à un gestionnaire d'événements en ligne en JavaScript? Détection si un utilisateur s'est déplacé du haut de la page

Basculer une division cachée lorsqu'une option déroulante particulière est sélectionnée / désélectionnée

Hé tout le monde, j'ai eu une question rapide qui devrait être facile pour quelqu'un expérimenté dans Jquery et Javascript.

J'aimerais avoir une division cachée qui se trouve sous un champ déroulant dans ma forme. Lorsqu'une option particulière est sélectionnée, le div divisé s'affiche. J'aimerais aussi que cela disparaisse lorsque toute autre option est sélectionnée. J'utilise ceci comme un avertissement pour l'utilisateur puisque cette option exécutera certaines fonctions spécifiques liées à db.

Quelqu'un peut-il me donner des conseils sur la façon de commencer?

Merci.

Voici. (Démo en ligne http://jsfiddle.net/wwTxw/ )

HTML: 

<select id="select"> <option value="1">111</option> <option value="2">222</option> <option value="3">333</option> </select> <div id="warning" style="display:none">NO!!!</div>

Code jQuery; 

 $(function() { $('#select').change(function(){ if ($(this).val() == "2") { $('#warning').show(); } else { $('#warning').hide(); } }); });