Maison  >  Article  >  interface Web  >  JavaScript bootstrap HTML implémente une sélection hiérarchique de boîte à sélection multiple, une sélection de couche complète et des exemples de code de fonction de sélection multiple

JavaScript bootstrap HTML implémente une sélection hiérarchique de boîte à sélection multiple, une sélection de couche complète et des exemples de code de fonction de sélection multiple

黄舟
黄舟original
2017-03-21 14:43:551510parcourir

Je souhaite créer une fonction qui peut être triée hiérarchiquement et permettre des sélections multiples. Tout d'abord, j'ai tendance à utiliser des balises multicouches, puis à les sélectionner et à les ajouter directement au champ de texte. 🎜>javascript bootstrap implémente les fonctions de couche complète et de sélection multiple de la boîte de sélection multiple hiérarchique. Les amis qui en ont besoin peuvent s'y référer . Si vous souhaitez créer une fonction triée par niveau hiérarchique et pouvant être multi-sélectionnée, je préfère d'abord utiliser des balises multicouches pour les sélectionner et les ajouter directement au champ de texte. J'ai trouvé cet article qui est très détaillé. . Si vous avez besoin d'exécuter les fonctions mentionnées ci-dessus,

Cependant, étant donné que vous souhaitez créer un certain nombre d'options, je ne suis pas sûr, l'utilisation d'étiquettes peut facilement provoquer une fatigue visuelle. en même temps, à mesure que le nombre d'options change, il est nécessaire de minimiser l'impact sur la mise en page et l'effet de la page Web, j'ai donc choisi d'utiliser des zones de sélection multiple hiérarchiques, ce qui est un effet courant lors de la configuration des ordinateurs. Les options du deuxième calque peuvent être pliées/développées sous le premier calque, en utilisant le

du bootstrap pour associer l'

effet de pliage data-toggle="collapse" data-target="#demo1" du deuxième calque. Le code spécifique est le suivant :

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!

Déclaration:
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