knockout.js - how to set visiblity of an <option> in a select that is populated with data-bind='options: […]'

Question

I have a situation where I have something like:

<select data-bind='options: [...], optionsText: "foo", optionsValue: "bar"'></select>

this is populating my select as expected. Is it possible to also set the visibility of the generated options based on some condition?

Answer 1

I would suggest adding a computed function on your view model which returns the required set, filtered with something like Underscore.js's filter function (or built however your logic dictates). Then bind to that function as the options parameter on the binding.