SimpleSearchableSelect - UiKit Demo
Default configuration
Default configuration - multiple
Methods
Dynamic Data
Ajax
Custom selected text
Default configuration
Native:
Select a character...
Benjamin Franklin
Bernard Bernoulli
Chuck the Plant
Cousin Ted
Dr. Fred Edison
Dr. Red Edison
George Washington
Green Tentacle
Hoagie
Laverne
Nurse Edna
Purple Tentacle
Thomas Jefferson
Ved Edison
Weird Ed Edison
Zed Edison
Zedna Edison
Submit
SimpleSearchableSelect:
Select a character...
Benjamin Franklin
Bernard Bernoulli
Chuck the Plant
Cousin Ted
Dr. Fred Edison
Dr. Red Edison
George Washington
Green Tentacle
Hoagie
Laverne
Nurse Edna
Purple Tentacle
Thomas Jefferson
Ved Edison
Weird Ed Edison
Zed Edison
Zedna Edison
Submit
Default configuration - multiple
Native:
Select a character...
Benjamin Franklin
Bernard Bernoulli
Chuck the Plant
Cousin Ted
Dr. Fred Edison
Dr. Red Edison
George Washington
Green Tentacle
Hoagie
Laverne
Nurse Edna
Purple Tentacle
Thomas Jefferson
Ved Edison
Weird Ed Edison
Zed Edison
Zedna Edison
Submit
SimpleSearchableSelect:
Select a character...
Benjamin Franklin
Bernard Bernoulli
Chuck the Plant
Cousin Ted
Dr. Fred Edison
Dr. Red Edison
George Washington
Green Tentacle
Hoagie
Laverne
Nurse Edna
Purple Tentacle
Thomas Jefferson
Ved Edison
Weird Ed Edison
Zed Edison
Zedna Edison
Submit
Methods
Single:
Select a character...
Benjamin Franklin
Bernard Bernoulli
Chuck the Plant
Cousin Ted
Dr. Fred Edison
Dr. Red Edison
George Washington
Green Tentacle
Hoagie
Laverne
Nurse Edna
Purple Tentacle
Thomas Jefferson
Ved Edison
Weird Ed Edison
Zed Edison
Zedna Edison
Multiple:
Select a character...
Benjamin Franklin
Bernard Bernoulli
Chuck the Plant
Cousin Ted
Dr. Fred Edison
Dr. Red Edison
George Washington
Green Tentacle
Hoagie
Laverne
Nurse Edna
Purple Tentacle
Thomas Jefferson
Ved Edison
Weird Ed Edison
Zed Edison
Zedna Edison
getValues()
setValue('Hoagie')
setValue(['Hoagie', 'Laverne', 'BernardBernoulli'])
clearValue()
clearValue('Laverne')
clearValue(['Laverne', 'Hoagie'])
destroy()
reinitializing
Dynamic Data
Single:
Submit
Try to search Tentacle
Multiple:
Submit
Ajax
Single:
Submit
Try to search laptop
Multiple:
Submit
Custom selected dataset text
Default (remove option):
Select a character...
Benjamin Franklin
Bernard Bernoulli
Chuck the Plant
Cousin Ted
Dr. Fred Edison
Dr. Red Edison
George Washington
Green Tentacle
Hoagie
Laverne
Nurse Edna
Purple Tentacle
Thomas Jefferson
Ved Edison
Weird Ed Edison
Zed Edison
Zedna Edison
Bold:
Select a character...
Benjamin Franklin
Bernard Bernoulli
Chuck the Plant
Cousin Ted
Dr. Fred Edison
Dr. Red Edison
George Washington
Green Tentacle
Hoagie
Laverne
Nurse Edna
Purple Tentacle
Thomas Jefferson
Ved Edison
Weird Ed Edison
Zed Edison
Zedna Edison
Stroke:
Select a character...
Benjamin Franklin
Bernard Bernoulli
Chuck the Plant
Cousin Ted
Dr. Fred Edison
Dr. Red Edison
George Washington
Green Tentacle
Hoagie
Laverne
Nurse Edna
Purple Tentacle
Thomas Jefferson
Ved Edison
Weird Ed Edison
Zed Edison
Zedna Edison
Arrows:
Select a character...
Benjamin Franklin
Bernard Bernoulli
Chuck the Plant
Cousin Ted
Dr. Fred Edison
Dr. Red Edison
George Washington
Green Tentacle
Hoagie
Laverne
Nurse Edna
Purple Tentacle
Thomas Jefferson
Ved Edison
Weird Ed Edison
Zed Edison
Zedna Edison