Maison > interface Web > js tutoriel > Puis-je afficher par programme les options d'une sélection HTML ?

Puis-je afficher par programme les options d'une sélection HTML ?

DDD
Libérer: 2024-12-13 02:37:10
original
855 Les gens l'ont consulté

Can I Programmatically Display an HTML Select's Options?

Comment afficher par programme les options d'une sélection HTML

Il est généralement connu que l'affichage par programme des options d'une sélection HTML n'est pas possible. Cependant, il existait une méthode obsolète qui permettait cette fonctionnalité dans Chrome.

Méthode Chrome obsolète

Conformément au document de travail HTML5 W3C, les éléments de contenu interactif tels que select peuvent être activés. par divers moyens, notamment le clavier, les clics de souris et par programmation.

À l'aide de document.createEvent() et .dispatchEvent(), il était possible de générer un événement de clic synthétique et d'afficher les options au survol de la souris.

Implémentation

Un exemple d'implémentation comprenait les étapes suivantes :

  1. Définissez une fonction showDropdown qui crée un MouseEvent avec un type 'mousedown' et le distribue lors de la sélection element.
  2. Lors d'un événement de clic sur un bouton, appelez la fonction showDropdown pour afficher les options.

Limitations

Malgré sa faisabilité technique, cette méthode est obsolète et ne fonctionne pas dans les navigateurs modernes. Il avait également l'inconvénient de ne fonctionner que dans Chrome et de s'appuyer sur un comportement qui n'était pas officiellement pris en charge.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal