JSFiddle - React, Tailwind, and code Playground

by psteele

HTML

<select id="AddProductSelect" name="chosenSpaProduct">
   <!-- ko foreach: Spa.SpaProductList -->
         <option data-bind="text: Name" ></option>
   <!-- /ko -->
</select>

<select data-bind="options: Spa.SpaProductList, optionsText: 'Name'"></select>

JavaScript

var vm = {
    Spa: {
        SpaProductList: [
            { Name: 'One' },
            { Name: 'Two' },
            { Name: 'Three' }
        ]
    }
}

ko.applyBindings(vm);