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,效果不错