如何将 select 列表限制为 select KnockoutJS 中的一项

Question

如何将 select 列表限制为 select 只有一项？可以通过css吗？

<select multiple data-bind="options: Items,             
                   optionsText: 'Title',
                   value: selectedItems, optionsValue: 'Id',
                   attr: { name: 'item' }"></select>


<div data-bind="text: selectedItems"></div>



function ViewModel() {
    var self = this;  
    var    selection = [];
    self.selectedItems = ko.observableArray();
    self.Items = ko.observableArray([{"Id": "0",  "Title": "Item1"}, 
    { "Id": "1", "Title": "Item2"}, { "Id": "2", "Title": "Item3"}]);    
}

ko.applyBindings(new ViewModel());

http://jsfiddle.net/s95wezu2/1/

Answer 1

我不确定你的要求。您可以使用 size 属性代替 multiple。这将限制用户选择多个选项，但会显示所有选项。

function ViewModel() {
    var self = this;  
    var    selection = [];
    self.selectedItems = ko.observableArray();
    self.Items = ko.observableArray([{"Id": "0",  "Title": "Item1"}, 
    { "Id": "1", "Title": "Item2"}, { "Id": "2", "Title": "Item3"}]);    
}

ko.applyBindings(new ViewModel());

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<select size = 3 data-bind="options: Items,             
                   optionsText: 'Title',
                   value: selectedItems, optionsValue: 'Id',
                   attr: { name: 'item' }"></select>


<div data-bind="text: selectedItems"></div>

您不需要 CSS。

如何将 select 列表限制为 select KnockoutJS 中的一项

How to limit select list - to select only one item in KnockoutJS

css

jquery

select

list

knockout.js