Dropdown list displaying [object object] instead of value from sql table

Question

my dropdown list is returning [object][object] instead of the value. I am getting the values from an sql table. Any assistance would be great. Thanks in advance.

viewmodel

 vm.addObservables('selected');
vm.addObservableArrays('list');

_Integration.GetAll('sqlTable').then(function(vals){
        vm.list(vals);

});

html

<select id="dropDown" name="dropDown" 
    data-bind='options: list, 
               value: selected, 
               optionsCaption: "Choose...", 
               autoSave: true'>

</select>

Jason Spake · Accepted Answer · 2017-01-06 21:38:42Z

2

You're binding the dropdown to an array of objects without saying how to interpret those objects. Add the data-bind optionsText: 'fieldName' where fieldName is the name of the property on your object that you'd like to display.

http://knockoutjs.com/documentation/options-binding.html

sample:

<select data-bind="options: availableCountries,
                   optionsText: 'countryName',
                   value: selectedCountry,
                   optionsCaption: 'Choose...'"></select>

answered Jan 6, 2017 at 21:38

Jason Spake

4,3032 gold badges16 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Dropdown list displaying [object object] instead of value from sql table

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related