如何使用Knockout.js在OptionText中显示multilpe文本

如何使用Knockout.js在OptionText中显示multilpe文本,knockout.js,Knockout.js,我有以下代码: <select name="test" id="test" class="" data-bind=" options: myArray, value: idSelected, optionsText: 'name', optionsValue: 'id', optionsCaption: 'All'> </select> 我要concat Id和带有“-”的名称。我想要这个: 1 - Text 1 2

我有以下代码:

<select name="test" id="test" class="" 
    data-bind="
    options: myArray, 
    value: idSelected,
    optionsText: 'name',
    optionsValue: 'id',
    optionsCaption: 'All'>
</select>
我要concat Id和带有“-”的名称。我想要这个:

1 - Text 1
2 - text 2
3 - text 3
...  
您可以创建属性并将其绑定到
选项

下面是一个工作片段:

var viewModel=function(){
var self=这个;
self.idSelected=ko.observable();
self.myArray=ko.observableArray([{
名称:“文本1”,
身份证号码:1
}, {
名称:“文本2”,
身份证号码:2
}]);
//将此绑定到选项
self.computedArray=ko.computed(()=>{
返回self.myArray().map(函数(项){
返回{
名称:item.id+'-'+item.name,
id:item.id
}
});
})
}
应用绑定(新的viewModel())

您可以创建属性并将其绑定到
选项

下面是一个工作片段:

var viewModel=function(){
var self=这个;
self.idSelected=ko.observable();
self.myArray=ko.observableArray([{
名称:“文本1”,
身份证号码:1
}, {
名称:“文本2”,
身份证号码:2
}]);
//将此绑定到选项
self.computedArray=ko.computed(()=>{
返回self.myArray().map(函数(项){
返回{
名称:item.id+'-'+item.name,
id:item.id
}
});
})
}
应用绑定(新的viewModel())

1 - Text 1
2 - text 2
3 - text 3
...