Maison >
interface Web >
tutoriel HTML >
Il s'agit actuellement d'un meilleur moyen de sélectionner toutes les options lors de la production de pages sélectionnées/focused_HTML/Xhtml_Web.
Il s'agit actuellement d'un meilleur moyen de sélectionner toutes les options lors de la production de pages sélectionnées/focused_HTML/Xhtml_Web.
WBOY
Libérer: 2016-05-16 16:39:36
original
1395 Les gens l'ont consulté
Pendant le développement, j'ai rencontré une telle situation de demande, je l'ai donc enregistrée pour référence future
Contexte des exigences
Utilisez le raccourci clavier sur la page pour localiser le mode de paiement boîte de sélection (une liste déroulante) et effectuez une sélection.
Difficultés techniques
Actuellement, les navigateurs ne prennent pas en charge le positionnement de la liste déroulante via le code pour répertorier toutes les options en dessous. Vous ne pouvez cliquer qu'avec la souris. .
Après avoir recherché des informations sur Internet, j'ai trouvé une meilleure façon de les gérer
Utilisez l'attribut size de select et l'attribut position de la disposition de la boîte pour l'implémenter ; . Le code spécifique est le suivant :
Copier le code
Le code est le suivant :
Mode de paiement :
> :relative;padding:1px;"> span>
Les méthodes d'expansion et de désexpansion sont toutes deux simples :
Copiez le code
Le code est le suivant :function expand(obj){ $(obj).attr("size","10" }
function unexpand(obj){
$(obj ).attr("size","1");
}
Définissez la position de sélection sur absolue afin que cela n'affecte pas la disposition des flux de dom. Définissez ensuite la position de son conteneur sur relative afin que la sélection soit positionnée en fonction de son conteneur.
Ce qui doit être noté ici, c'est que div doit être utilisé comme conteneur de sélection dans l'élément table, car selon la norme CSS du w3c, la définition de position:relative sur les éléments liés à la table n'est pas définie, donc le l'élément sélectionné sous ff se positionnera directement en fonction de l'élément body.
Informations de référence :
http://www.php-insite.com/autoexpand_select.html Visualisez directement le code source de la page http://bbs.csdn.net/topics /330158935 Faites attention à la réponse de Lingshuo1993
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