Maison >interface Web >js tutoriel >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
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!