Почему атрибут value у тега <option> заполняется пустым значением?

237

24 августа 2017, 18:46

Пытаюсь с помощью binding Knockout`a заполнить атрибут value у тега option. Значение атрибута получается пустым. Прошу указать ошибку.

https://jsfiddle.net/Elder27/w4jLowqx/

var viewModel = { 
  phones: ko.observableArray([{ 
    name: "iPhone SE", 
    id: 111 
  }, { 
    name: "Lumia 950", 
    id: 222 
  }, { 
    name: "Zenfone 3", 
    id: 333 
  }]) 
}; 
 
ko.applyBindings(viewModel);

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script> 
 
<select id="select1" data-bind="options: phones, optionsText: function(item){return (item.name + ':' + item.id);}, value: function(item){return item.id+""}">

Answer 1

data-bind="... value: function(item){return item.id+""}"

data-bind="... optionsValue: function(item){return item.id}"

С кавычками косяк: https://ru.stackoverflow.com/a/456039/178988
optionsValue, а не value

var viewModel = { 
  phones: ko.observableArray([{ 
    name: "iPhone SE", 
    id: 111 
  }, { 
    name: "Lumia 950", 
    id: 222 
  }, { 
    name: "Zenfone 3", 
    id: 333 
  }]) 
}; 
 
ko.applyBindings(viewModel);

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script> 
 
<select id="select1" data-bind="options: phones, optionsText: function(item){return (item.name + ':' + item.id);}, optionsValue: function(item){return item.id}">