Examples
Browse complete, copy-paste ready examples of DotSelect in action.
Basic
- Single Select — Standard single-value dropdown with search and clear
- Multiple Select — Multi-value selection with plugins and limits
AJAX & Data
- AJAX Search — Remote data loading with search, templates, and field mapping
- Pagination — Infinite-scroll pagination with AJAX
- Chained Selects — Parent-child cascading selects with static and AJAX data
Customization
- Templates — Custom option and item templates with rich HTML
- Sizes — Small, medium, and large size variants
- Tags — Tagging with create, paste, and comma-separated input
Getting the Code
Every example on these pages shows the complete HTML needed to reproduce the component. Copy the code block and paste it into your project. Make sure you have the DotSelect CSS and JS files loaded:
html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/dot-select@latest/dist/css/dot-select.min.css">
<script src="https://cdn.jsdelivr.net/npm/dot-select@latest/dist/js/dot-select.min.js"></script>