Simple Inline Data
Open the field and choose a plain string option.
Selected value: In review
jQuery InputPicker Plugin Demos
Download This Plugin Back To jQueryScript
Create searchable multi-column dropdown inputs with jQuery Inputpicker. Supports local data, remote JSON, filters, pagination, and multiple values.
Multi-Field Rows
The dropdown shows a header and several fields for each option.
Selected member: Maya Chen, Product
Live Filtering
Type a keyword to filter specific fields and highlight matching rows.
Try typing "wa", "bay", or "au".
Multiple Values
Pick several skills and remove selected values from the tag row.
Selected tags: js, css
Remote Loading and Pagination
These fields use a page-level mock endpoint, so loading, search, caching, and pagination work from a standalone HTML file.
Search remote-style data by typing a district or region name.
Open the picker and use First, Prev, Next, or Last.
Creatable Entry
Enter a custom value and press Tab to keep it.
Type a value that is not in the list.
Chained Empty Search
Type a missing product code in the first field to open the fallback picker.
Try "zzzz" in the primary catalog.
Methods and Events
Buttons at the top call plugin methods; the panels below reflect change and highlight events.
Selected Object
No object selected yet.
Highlighted Row
Move across an open dropdown to see the active row.