J'ai un objet HTML (caché) HTML SELECT dans mon menu connecté à un lien Bouton Menu, de sorte que cliquer sur le lien affiche la liste afin que vous puissiez choisir à partir de celui-ci.
Lorsque vous cliquez sur le bouton, il appelle un peu de javascript Pour montrer le
5 Réponses :
Vous avez une erreur de syntaxe. Il devrait être: vous avez oublié le # p> p> p> p>
True, mais Cliquez sur CODE> n'élargas pas l'élément code> SELECT CODE>.
J'ai rencontré le même problème, je voulais mettre en œuvre la navigation du clavier dans mon application, mais certains éléments n'ont pas été étendus, afin que les personnes utilisant le clavier allaient perdre des fonctionnalités. J'ai créé Développement () Fonction qui émule des clics de souris sur Sélectionner des éléments, il ne la fait en créant un autre http://code.google.com/p/expandselect/ p>
Il y a une petite différence dans l'interface graphique lors de l'émulation de clic, mais cela ne compte pas vraiment, le voir pour vous-même: P>
Plus d'écran d'écran sur le site Web du projet, lien ci-dessus. P>
Captures d'écran h1>
(source: Googlecode.com ) SUB> P>
(Source: GoogleCode.com ) SUB> P>
Veuillez essayer ceci:
function showlist() { //using prototype not jQuery $('#list').show(); // shows the select list $('#list').focus(); // sets focus so that when you click away it calles onblur() }
Je suis bloqué votre code dans un JSFIDDLE et cela ne fonctionne pas. La case Select reçoit la mise au point, mais elle ne se développe pas. (Chrome sur Win7.)
@Roddyofthefrozenpeas Juste j'ai vu votre Jsfiddle. S'il vous plaît appliquer Select Box est affiché: Aucun; propriété CSS. et dans l'utilisation de script $ ('# liste') au lieu de $ ('liste') et dans jsfiddle gauche le gauche, choisissez JQuery 1.8.2
Votre code dans votre réponse indique "Utilisation de prototypes non jQuery". En outre, cela ne fonctionne toujours pas. Fiddle mis à jour . Bien que cela montre le SELECT, il ne l'étend pas. (Chrome, Win7.)
Voici une solution simple, Menu de sélection automatique développé (toutes les options visibles)
Le moyen le plus simple consiste à utiliser l'attribut "multiple" dans HTML
et vous pouvez également ajouter un attribut de style à Définissez la hauteur de la liste p>
Dupliqué possible de Ouvrir Sélectionner à l'aide de JavaScript / JQuery?
Dupliquer possible de Comment pouvez-vous indiquer par programme par programme à une sélection HTML à déposer (par exemple, en raison de la sourisOVER)
Problèmes similaires - Merci de les indiquer - ils semblent plus à chercher des options pour former le contrôle (largeur ainsi que la hauteur), tandis que tout ce que je veux faire est de le faire apparaître "ouverte".
@XAN Le duplicata pointé par CMS répond exactement à cela: vous ne pouvez pas. Vous avez besoin de HTML / JS personnalisé.