JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

<select data-bind="options:availableThings,optionsText: 'Title', selectedOptions: selectedThings" size="5"  multiple="true"></select>

JavaScript

var initialThingsModel = [
                {"Id":1,"Title":"First","Selected":"True"},
                {"Id":2,"Title":"Next"},
                {"Id":3,"Title":"Another","Selected":"True"},
                {"Id":4,"Title":"Last"}
            ];
           
var viewModel = {
     availableThings: ko.observableArray(initialThingsModel),               
};
viewModel.selectedThings = ko.computed(function() { return ko.utils.arrayFilter(viewModel.availableThings(), function(item) { return item.Selected == "True";}) });

            ko.applyBindings(viewModel);