淘汰赛js foreach绑定显示[对象对象]

Question

I want to add an <option> for each item in my _areas array of type KnockoutObservableArray<string> . However when I do this:

<select 
            multiple="multiple"
            class="select-multiple"
            data-bind="foreach: _regionGetter._areas">
            <option data-bind="text: $data"></option>
        </select>

It prints out an [object object] inside each <option> . How do I get it to print the string in the array instead of [object object]?

Answer 1

This is because the items in your observable array are objects and then you are using $data so [object object] will be displayed. $data can only be used in this instance if the items were strings.

Instead change <option data-bind="text: $data"></option> to use the object property that contains the text that you want to be displayed.

For example if the objects had a property called name then you would bind the options text to this by using <option data-bind="text: name"></option>

JsFiddle