> ## Content Index
> Fetch the complete content index at: https://thibaultmilan.com/llms.txt
> Use this file to discover other available public pages before exploring further.

# Sélectionner des données dans des arbres en jQuery
- URL: https://thibaultmilan.com/s-lectionner-des-donn-es-dans-des-arbres-en-jquery/
- Published: 2012-07-06T12:00:00.000Z
- Updated: 2012-07-06T12:00:00.000Z
- Author: Thibault Milan
- Tags: #Import 2026-06-21 19:35

Le besoin du jour rencontré dans le cadre de mon travail chez [absolu payment](http://www.absolu-payment.com/fr/?ref=thibaultmilan.com) est d’avoir une méthode de sélection multiple de donnée dans une liste, depuis un arbre de données.

Ne pouvant utiliser puisque bien que le W3C encourage les user agents à supporter une version imbriquée (*nested*) en pratique aucun navigateur ne supporte cela à ce jour, impossible donc d’avoir une balise autre que .

Découverte après quelques recherches du très bon plugin intégré plus ou moins à bootstrap, [chosen](http://harvesthq.github.com/chosen/?ref=thibaultmilan.com), malheureusement celui ci se base sur une implémentation à base de et l’on retombe vite sur les mêmes problématiques.

Autre option plus ou moins satisfaisante, passer par des select boxs multiples, générés dynamiquement, avec un [plugin jQuery](http://kotowicz.net/jquery-option-tree/demo/demo.html?ref=thibaultmilan.com) très bien fait. Possible mais écarté du fait de l’encombrement que va vite prendre cette solution si l’on veux pouvoir sélectionner plusieurs éléments.

Après quelques recherches supplémentaires, je tombe sur le plugin [jstree](http://www.jstree.com/?ref=thibaultmilan.com) qui permet de manipuler un arbre de données (typiquement ce que j’ai en termes de structure de données et qui semble parfaitement convenir à mes besoins, d’autant que celui ci supporte :

- Un flux d’entrée en [JSON](http://www.jstree.com/documentation/json%5Fdata?ref=thibaultmilan.com), XML ou HTML
- Du [multi-checkbox](http://www.jstree.com/documentation/checkbox?ref=thibaultmilan.com)
- La possibilité d’[internationaliser](http://www.jstree.com/documentation/languages?ref=thibaultmilan.com) les champs affichés