ドロップダウンが更新されないKnockout.JS

Question

私はKnockout.jsに新しく、決して更新されないドロップダウンのコードセクションを見つける。

<div class="col-sm-12 col-xs-9"> 
    <select class="bs-select" data-width="100px" data-bind="value: measurement"> 
     <option>Gallons</option> 
     <option>Pounds</option> 
     <option>Days</option> 
    </select> 
</div> 

Javascriptを：：以下のコードである

var viewModel = function (data) { 
var self = this; 
self.measurement = ko.observable(measurement); 
} 
ko.applyBindings(viewModel) 

私はドロップダウンリストから選択するどのようなオプションは、それはガロンとして表示されます。私が注文を変更してDaysまたはPoundsを最初に置くと、それを変更してもそれは数日またはポンドのままです。 私は何かが欠けているかどうか教えてください。

EDIT 1：オプションリストに値を追加しようとしました。問題を変更しません。

<option value="Pounds">Pounds</option>                    
<option value="Days">Days</option>                    
<option value="Gallons">Gallons</option> 

Answer 1

おそらく、オプションバインディングが必要です。ここ

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

フィドルです。

https://jsfiddle.net/0o89pmju/24/

<select class="form-control" data-width="100px" data-bind="value: measurement, options: availablemeasurements"> 
    </select> 

JS

function viewModel() { 
    var self = this; 
    this.measurement= ko.observable(''); 
    this.availablemeasurements=ko.observable(['Pounds', 'Day', 'Gallons']); 
} 

あなたはバインディングと同じようにうまく動作するように表示される値を使用するオプションを使用しない場合。

<select class="form-control" data-width="100px" data-bind="value: measurement"> 
     <option>Pounds</option> 
     <option>Day</option> 
     <option>Gallons</option> 
    </select> 

ここではそのためのフィドルです。ここで

https://jsfiddle.net/0o89pmju/25/

Answer 2

あなたが求めるもののために働いてjsFiddleです：

https://jsfiddle.net/njbLqpmq/

はHTML：

<div class="col-sm-12 col-xs-9"> 
    <select class="bs-select" data-width="100px" data-bind="value: measurement"> 
     <option value="Pounds">Pounds</option> 
     <option value="Days">Days</option> 
     <option value="Gallons">Gallons</option> 
    </select> 
</div> 

JS：

var viewModel = function (data) { 
    var self = this; 
    self.measurement = ko.observable(); 
} 
ko.applyBindings(viewModel)