Javascript HTML多选更改';未选择任何选项';文本

Javascript HTML多选更改';未选择任何选项';文本,javascript,html,knockout.js,Javascript,Html,Knockout.js,我有一个带有多选选项的选择列表: <select data-bind="attr:{'id':'multilistS'+Id()},foreach: Hlist" multiple="multiple"> <option data-bind="click:$root.changeShole,value:$data.Id, text:N,attr:{'selected':$data.Sel}">Cheese</option> </select&g

我有一个带有多选选项的选择列表:

<select data-bind="attr:{'id':'multilistS'+Id()},foreach: Hlist" multiple="multiple">
     <option data-bind="click:$root.changeShole,value:$data.Id, text:N,attr:{'selected':$data.Sel}">Cheese</option>
</select>

奶酪

但我想更改“未选择”文本。可以在HTML代码中或仅在JavaScript中使用
nonSelectedText
选项执行此操作?

我猜您想要的是最初字段显示“None Selected”。当用户选择某些选项时,文本将发生更改。对吗?如果是,这可能会起作用:

<option disabled selected> value>None Selected</option>
值>未选择

我猜您最初想要的是字段显示“未选择”。当用户选择某些选项时,文本将发生更改。对吗?如果是,这可能会起作用:

<option disabled selected> value>None Selected</option>
值>未选择

您真的应该接受John Pavek的建议,仔细阅读选项绑定。Knockout为此提供了很好的工具,而您的构建没有使用任何工具

noneselectedtext
似乎是的一项功能。如果您正在使用它,那么您将需要使用

下面是您描述的一个简单示例,其中包含一条消息,该消息将根据是否选中multiselect中的任何内容而更改

const vm={
选项说明:ko.pureComputed(函数(){
return(vm.selectedOptions().length==0)?“请至少选择一个”:“确定”;
}),
选择选项:ko.observearray([]),
Hlist:ko.arlay([{
Id:1,
N:‘一’
}, {
Id:2,
N:‘两个’
}])
};
ko.应用绑定(vm)

您真的应该接受John Pavek的建议,仔细阅读选项绑定。Knockout为此提供了很好的工具,而您的构建没有使用任何工具

noneselectedtext
似乎是的一项功能。如果您正在使用它,那么您将需要使用

下面是您描述的一个简单示例,其中包含一条消息,该消息将根据是否选中multiselect中的任何内容而更改

const vm={
选项说明:ko.pureComputed(函数(){
return(vm.selectedOptions().length==0)?“请至少选择一个”:“确定”;
}),
选择选项:ko.observearray([]),
Hlist:ko.arlay([{
Id:1,
N:‘一’
}, {
Id:2,
N:‘两个’
}])
};
ko.应用绑定(vm)


应该回答这个问题。如果没有,请告诉我,我可以制作一个演示。谢谢约翰·帕维克的建议!:)我应该回答这个问题。如果没有,请告诉我,我可以制作一个演示。谢谢约翰·帕维克的建议!:)不是一开始。每次用户取消选中所有选项时,将显示此消息。它不是选项。这只是一条在未选中任何选项时显示的消息。每次用户取消选中所有选项时,将显示此消息。它不是选项。这只是一条在没有选项被选中时显示的消息。我这样做了,并且成功了。忘了提到:)我用了optionsCaption,效果很好,我做到了,效果很好。忘了提到:)我用了optionsCaption,效果不错