在填充有挖空 js 绑定的选定组合框中显示空格

Show white spaces in select combobox that is filled with knockout js binding

本文关键字：组合 空格 显示 填充 绑定 js      更新时间：2023-09-26

我希望能够用挖空绑定填充 HTML select 元素。一些选项文本包括空格，我想在下拉列表中显示它们。

在纯 HTML 中，这可以通过使用   而不是简单的空格来实现，但这不适用于 KNOCKOUT 绑定：

工作示例

.HTML：

Knockout select:
<select data-bind="options: entries" style="width: 150px"></select>
<br>
Standard select:
<select style="width: 150px">
    <option>&nbsp;&nbsp;Entry 1</option>
    <option>&nbsp;&nbsp;&nbsp;&nbsp;Entry 2</option>
</select>

Javascript：

var ViewModel = function() {
    entries = ko.observableArray([
        '&nbsp;&nbsp;Entry 1',
        '&nbsp;&nbsp;&nbsp;&nbsp;Entry 2'
    ]);
};
var vm = new ViewModel();
ko.applyBindings(vm);

希望有人可以帮助我！

谢谢

您可以使用

常规foreach而不是options，您可以在其中设置带有选项元素上的html绑定的 html 内容：

<select data-bind="foreach: entries" style="width: 150px">
    <option data-bind="html: $data"></option>
</select>

演示 JSFiddle。

相关文章：