淘汰赛选择绑定 - 添加标题答案

【问题标题】：Knockout select binding - Add Title淘汰赛选择绑定 - 添加标题
【发布时间】：2014-06-04 12:38:40
【问题描述】：

我正在使用以下代码来设置选择列表 - 我需要为每个项目添加一个标题。这可能吗？

<select tabindex="-1" name="myDropDown" data-bind="
                visible: isVisible,
                options: $parent.myList,
                optionsText: 'name',
                optionsCaption: '- Select an item-',
                value: selectedItem,
                resizeOuter: true"></select>

【问题讨论】：

标题是什么意思？您想要每个项目或其他内容的工具提示吗？
这里已经回答了：stackoverflow.com/questions/12733430/…
是的工具提示。 @DevPat - 有什么方法可以在不使用 foreach 的情况下做到这一点？我的其他绑定不适用于 foreach 例如可见被忽略。我也需要一个标题
@newbie_86 请检查此答案stackoverflow.com/questions/23927954/…，它使用optionsAfterRender 添加其他属性。
@newbie_86：这是工作示例plnkr.co/edit/gDbqJC7X8QE35qMSJh7v?p=preview

标签： select knockout.js binding

【解决方案1】：

您可以通过foreach 绑定来实现这一点，例如：

<select  tabindex="-1" name="myDropDown" data-bind="foreach: $parent.myList, value: selectedItem, visible: isVisible, resizeOuter: true">
    <option data-bind="value: myListValue, text: myListText, attr: {title: myListTitle}" ></option>
</select>

self.myList= ko.observableArray([
                                 {myListText: "first", myListValue: 1, myListTitle: "the first"}, 
                                 {myListText: "second", myListValue: 2, myListTitle: "the second"},   
             ]);

【讨论】：