Javascript Girl
  1. Javascript Girl
  3. Action HTML javascript select
Intereting Posts
Qu'est-ce que "(programme)" dans le profiler du débogueur Chrome? Comment utiliser des données CSV dynamiques pour la visualisation avec nvd3 et angular2 JQuery lorsque pointé vers un lien doit afficher un div qui est caché par défaut Comment Google atteint-il l'effet de décoloration sur la page d'accueil? Turbolinks 5.0 et Facebook SDK Syntaxe concise pour javascript si instruction sans crochets Existe-t-il un moyen d'obtenir le javascript de Webkit pour gérer correctement les espaces blancs? Utilisation de jQuery pour ouvrir tous les liens externes dans une nouvelle fenêtre Effacer le texte de div, mais garder les nœuds enfants en utilisant jquery Stripe "Simple" Checkout – détecte si le bouton Fermer est cliqué Comment activer et désactiver Twitter Bootstrap Button? Retrouvez l'événement mouseenter et augmentez l'événement si la souris se trouve à l'intérieur de l'élément Communication entre C ++ et Javascript pour WebGL Affectations variables JavaScript des Tuples NodeJs est-il plus rapide que Clojure?

Action HTML javascript select

J'ai eu une liste de sélection: 

<select> <option value="0" onclick="anders('1')">Anders</option> <option value="200" onclick="anders('');" selected="selected">€ 200,-</option> <option value="300" onclick="anders('')">€ 300,-</option> <option value="400" onclick="anders('')">€ 400,-</option> <option value="500" onclick="anders('')">€ 500,-</option> </select>

Lorsque je sélectionne la valeur "0", quelque chose doit être visible, cela fonctionne dans Firefox mais pas dans Internet Explorer. Même une fonction d'alerte avec onclick ne fonctionne pas dans IE, est-ce que quelqu'un sait quelque chose pour cela?

Vous devriez probablement lier cette logique à l'événement onchange de la sélection elle-même, et non à l'événement de clic des options individuelles: 

 var myDiv = document.getElementById("myDiv"); document.getElementById("mySelect").onchange = function(){ myDiv.style.display = (this.selectedIndex == 0) ? "block" : "none"; }

Lorsque nous l'attachons de cette façon, nous n'avons pas besoin de mélanger notre HTML et notre Javascript. Notre HTML peut être aussi simple que ce qui suit: 

 <select id="mySelect" name="values"> <option>0</option> <option>1</option> <option>2</option> </select> <div id="myDiv"> <p>Select 0 to show me, otherwise I'm invisible!</p> </div>

Démo en ligne: http://jsbin.com/ijogi