Knockout kendoMultiSelect
HTML
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.1.429/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.1.429/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.all.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-debug.js"></script>
<script src="http://rniemeyer.github.io/knockout-kendo/js/knockout-kendo.min.js"></script>
<select id ="multiSelect" data-bind="options: choices, selectedOptions: selectedChoice"></select>
<hr/>
Selected: <strong data-bind="text: selectedChoice"> </strong>
JavaScript
var ViewModel = function() {
this.choices = ko.observableArray(["apple", "orange", "banana"]);
this.selectedChoice = ko.observableArray();
};
var vm = new ViewModel()
ko.applyBindings(vm);
vm.choices.push("watermelon");
$("#multiSelect").kendoMultiSelect().data("kendoMultiSelect");
vm.choices.push("strawberry");