javascript - 使用 knockout JS 从 select 标签中删除 optionsCaption

Question

如何从 select 标签中删除 optionsCaption？ 使用 knockout JS

我的选择标签是这样的:

<select data-bind="options: categories, optionsText: 'type', optionsCaption: 'Select Any Ticket type', value: chosenCategory, disable: showReservationDetails, event: {change: calRemainingTickets}"></select>

它显示 Select Any Ticket 作为第一个 option。 更改 select 标签 我想删除Select Ant Ticket 选项。

我们如何从 select 标签中删除那个需要的选项？

提前致谢。

Answer 1

您可以将 optionsCaption 绑定(bind)到一个可观察对象并将可观察对象的值设置为未定义。我修改了 Joe 的代码来执行此操作。

var vm = function () {
    this.optionsCaption = ko.observable('Select any');
    this.categories = ko.observableArray([ {type: 'Type 1' }, { type: 'Type 2' }]);
    this.chosenCategory = ko.observable('Select Any Ticket type');
    this.showReservationDetails = ko.observable(false);
    this.calRemainingTickets = function () {
        this.optionsCaption(undefined);
    }.bind(this);
}

ko.applyBindings(new vm());

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.0.0/knockout-min.js"></script>
<select data-bind="options: categories, optionsCaption: optionsCaption, optionsText: 'type', value: chosenCategory, disable: showReservationDetails, event: {change: calRemainingTickets}"></select>