jQuery DropDown Tree Control

We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Syncfusion jQuery no longer in active development. Switch to our pure JavaScript based next generation Essential JS 2 .

Switch Now

Select the one or more value form hierarchical data.
Display your JSON or hierarchical data into a tree view structure in the popup.
Flexible UI interactions like expanding collapsing the parent nodes, checkbox selection and so on.

Trusted by the world’s leading companies

jQuery dropdown tree

VIEW DEMOS

Overview

The DropDownTree control is a combination of drop-down control and tree-view control. Once a node is selected from the tree, text of a single item or multiple items is created in the input field.

DropDownTree

ALL WIDGETS

GRIDS

DataGrid

Tree Grid

Spreadsheet

DATA VISUALIZATION

Charts

Diagram

Maps

Tree Map

HeatMap

Scheduler

Circular Gauge

Linear Gauge

Digital Gauge

Bullet Graph

Gantt

Range Selector

Sparkline

Sunburst Chart

Barcode

Tag Cloud

Kanban Board

LAYOUT

Splitter

Dialog

File Explorer

ListView

Tile View

Tooltip

EDITORS

TextBox

Autocomplete

Rich Text Editor

Mask Edit

Rating

Slider

ComboBox

DropDown List

DropDown Tree

File Upload

Button

Toggle Button

Split Button

Checkbox

Radio Button

Color Picker

DatePicker

Date Range Picker

Time Picker

DateTime Picker

Radial Slider

Signature

SpellChecker

NAVIGATION

Accordion

TreeView

Toolbar

Ribbon

Tabs

Rotator

Navigation Drawer

Scroller

ListBox

Radial Menu

Pager

NOTIFICATION

Waiting Popup

ProgressBar

FRAMEWORK

Data Manager

MISCELLANEOUS

Calculation Engine

Theme Studio

BUSINESS INTELLIGENCE

Pivot Grid

Pivot Chart

Pivot Client

Pivot Gauge

Pivot TreeMap

REPORTING

Report Viewer

Report Designer (Preview)

FILE FORMAT LIBRARY

PDF Viewer

Media

Media Player

Integrates with Top Frameworks

Built-in integration with the most popular third-party frameworks, like Angular 2+, and React.

Angular

ReactJS

Aurelia

EmberJS

PHP

JSP

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion^® reduces customers’ development time.
Here are some of their experiences.

We're using the file formats and Windows/JavaScript list controls a lot. They're fast, easy to use, and the documentation is good and contains examples. Tickets with questions or suggestions were answered within a day, so we're happy to use the Syncfusion libraries.

Daniel Persidok,

wpd onshore GmbH & Co. KG

Using Syncfusion Angular and JavaScript controls makes front-end web development a piece of cake. Each component has many properties that can be configured as per your desire, methods that can be used to interact with the element, and a lot of events that trigger at different stages, which makes modifying your components according to the state of the application an easy task. Also, their support is amazing! They always offer a sample working project, which makes it very simple to solve your question about your code.

Carlos Rodriguez Garcia,

Vistatec