Knockout Vendors Dropdown

Checking JSON result and populating dropdown

by beewayne

HTML

<select id="VendorId" data-bind="options: vendors, value: selectedVendor, optionsText: 'DisplayName', optionsValue: 'FrontEndVendorId'"></select>
<br />
<span>selectedVendor: </span><span data-bind="text: selectedVendor"></span>

JavaScript

var viewModel = {

    vendors: [{"Active":true,"DisplayName":"Ext Check Services","FrontEndVendorId":4,"QueryCode":"CHECKS"},{"Active":true,"DisplayName":"HPS Exchange","FrontEndVendorId":12,"QueryCode":"HPSE"},{"Active":true,"DisplayName":"MicroPortal","FrontEndVendorId":15,"QueryCode":"MP"}],
    selectedVendor: ko.observable()

};

ko.applyBindings(viewModel);