如何將通用關鍵字添加到<select>

Question

我有一個像這樣的下拉列表：

 <div class="col-md-3">
                <select class="form-control" id="afrapporteringsTidDropdown" data-bind="options:moedeDetaljer.afrapportering"></select>
            </div>

這一切都很好，並且可以與使用KnockoutJS完成的數據綁定一起很好地工作。

但是，我的moedeDetaljer.afrapportering是一個包含以下內容的列表：

afrapportering: ["0", "5", "10", "15", "20", "25", "30"]

我的問題是：使下拉列表顯示“ 0分鍾”，“ 5分鍾”等最優雅的方法是什么？ 因此，基本上，如何在列表中存儲的數字后添加分鍾？

Answer 1

options綁定的optionsText參數可以采用一個函數，您可以根據需要設置顯示文本的格式：

<select class="form-control" id="afrapporteringsTidDropdown" 
   data-bind="options: afrapportering, 
              optionsText: function(item) { return item + ' minutes' }">
</select>

演示JSFiddle 。