jqTreeSelect Demo Suite

Interactive playground demonstrating all hierarchical and checklist configurations

Simple List (No Groups)

Initialized via JS options using the new nested structure.

Group List (HTML Attributes Config)

Settings parsed automatically from data-actions-*, data-search-*, etc.

Nested Tree (JS Config)

Configured with nested settings, limits height with layout.dropdownHeight.

AJAX Dynamic Load (Via settings.data)

Rebuilds options programmatically from standard Javascript JSON arrays.

Loading from dummy API...
Unlimited Depth Tree

Nesting tree nodes to infinite depth via data-group-path.

Disabled Select & Disabled Options

Dropdown is read-only. Highlights native option disabling within lists.

Real-Time Values Log
Dropdown Selected Values
Simple List: None
Group List: None
Nested List: None
AJAX List: None
Unlimited Tree: None
Interactive API Console (Unlimited Tree Dropdown)
[System] Console initialized. Interactive events will log here.