Demos: KnockoutJS + Select2

---

KnockoutJS: Data Binding (Regular HTML Elements)

Two-way data binding with an observable array.

You selected:

---

Same as above, but with a multi-select element. (Shift+click to select multiple options)

You selected:

---

Select2 Multi-Select Input (no Knockout)

Basic Select2 multi-select component, hardcoded values, no KnockoutJS data binding.

Unicorn Rainbow Princess Fairy Bubblegum Magic

---

Select2 Single-Select + KnockoutJS

Uses Select2 single-select component, KnockoutJS for two-way data binding. Also in this demo, the ObservableArray consists of complex objects rather than simply strings.

Selected Pink Thing with ID:

Select2 Multi-Select + KnockoutJS

Same as above, but with Select2 multi-select component.

Selected Pink Things with ID: