Knockout:迭代对象并在下拉列表中显示值
Knockout是一种JavaScript库，用于实现MVVM（Model-View-ViewModel）模式，它可以帮助开发者更轻松地构建交互式的前端应用程序。Knockout提供了一种简洁的方式来处理数据绑定、自动更新UI以及处理用户输入等任务。
在Knockout中，迭代对象并在下拉列表中显示值的过程可以通过以下步骤完成：
- 定义数据模型（Model）：首先，需要定义一个JavaScript对象作为数据模型，该对象包含需要在下拉列表中显示的值。例如：
var viewModel = {
options: ko.observableArray(['选项1', '选项2', '选项3'])
};- 绑定数据模型（ViewModel）：将数据模型与HTML页面中的元素进行绑定，以便在页面中显示数据。可以使用Knockout提供的绑定语法来实现。例如，在下拉列表中绑定选项：
<select data-bind="options: options"></select>- 初始化Knockout：在页面加载完成时，需要初始化Knockout，并将数据模型应用于整个页面。可以使用以下代码来完成初始化：
ko.applyBindings(viewModel);通过以上步骤，Knockout会自动将数据模型中的选项值绑定到下拉列表中，并在用户选择不同的选项时更新数据模型。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）。
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种计算场景，包括前端开发、后端开发等。产品介绍链接地址：腾讯云云服务器
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于存储和管理各种类型的数据，包括音视频、多媒体文件等。产品介绍链接地址：腾讯云对象存储
以上是关于Knockout迭代对象并在下拉列表中显示值的完善且全面的答案。
相关·内容
如何使用ajax和java servlet从数据库中检索多个下拉列表的数据。有谁能帮忙吗？
我总共有6个下拉框，这些下拉框应该根据之前的选择一个接一个地填充，当最后一个下拉框被选中时，应该会显示选择文件输入框。所有这些下拉列表数据都应该使用ajax和java servlet从数据库中检索
浏览 1提问于2017-09-03得票数 0
我正在开发一个问题/答案模型，并且我有多个包含相同数据的下拉列表(如果您愿意，可以使用一组答案)。这里的业务逻辑是，一旦有人选择了一个问题的答案，该答案只能使用一次，而不能用于其他问题。
因此，我找到了一种方法，将我所有的下拉列表绑定到一个包含我的答案的observableArray，这样所有的下拉列表都包含相同的选项。我想要做的是订阅一个下拉列表的当前值(从许多下拉列表中)，并从与它们相关联的所有其他下拉列表中删除选定的值。使用Knockout，我已经能够为我视图中不断变化的值订阅一个回调函数。
在我的回调函数中，我发现使用observableArray的remove方法从我的observa
浏览 0提问于2012-05-15得票数 2
回答已采纳
我正在尝试使用knockout -kend.js在knockout模板中声明一个kendo dropdownlist控件，这样当新的项被添加到knockout可观察数组中时，新的kendo dropdownlist就会呈现在UI中。
最初，我意识到我不能再将dropdownlist的选定值绑定到dropdownlist的指定“data”数组中的整个entry对象。
为了解决这个问题，我遵循了RP Niemeyer在以下帖子中的建议：
现在，这一切都起作用了。太棒了。
我的问题是，当试图向模板添加第二个下拉列表时，谁的数据被绑定到从计算的可观察对象返回的对象上的数组属性...(我需要链接下拉列表
浏览 2提问于2013-03-26得票数 2
我在用Knockout JS。
并且，需求说：“在下拉列表中，我需要显示一些从服务动态获取的数据。
但是，当下拉列表被展开时，应该将一个"Create“的链接作为下拉列表中的最后一项添加。“
为了让列表中的项目下拉，我使用..。
this.intGroups = ko.observableArray([]);
和,
getIntrusionGroupsForSite: function (cb) {
this.setListValue('/GetGroups', { sId: this.acctId, startIndex: this.pagin
浏览 3提问于2016-09-26得票数 2
3回答
我正在尝试使用从AJAX调用中获取的数据来填充下拉列表。
我刚接触Knockout，就是搞不懂它是如何接受动态数据数组的。
HTML如下：
<select data-bind="options: jobTitles, optionsText: 'name', optionsValue: 'id' value: selectedItem"></select>
在AJAX成功时会调用该脚本：
function UserViewModel(data) {
this.firstName = ko.observable(da
浏览 1提问于2014-02-19得票数 0
2回答
我使用的是Knockout.js，当用户开始输入搜索框(实时过滤)时，会出现一个下拉列表。当前，用户可以从列表中箭头并点击enter来填充搜索框。
在我的中有一个实时版本。
但是，我希望用户也能够滚动列表并点击项目。我无法确定这些列表项在DOM中的位置，因为Knockout.js动态地将它们添加到DOM中。
下面是有问题的代码的特定部分：
<div class="hidden" id='dropdown'>
<ul id='dropdownList'
data-bind="template
浏览 3提问于2012-11-14得票数 0
回答已采纳
我有一个Kendo UI下拉列表，它不会在Knockout视图模型更改时更新它的UI。我可以获得一个普通的HTML select和一个纯文本框来显示新的模型值，但不能使用Kendo UI。我忽略了什么？
下面是一个代码示例(和)。fruitId最初应该是"2“(橙色)，然后在按钮单击后是"3”(香蕉)。文本框和两个下拉框被绑定到Knockout视图模型(fruitId)中的相同值。
当手动更改Kendo UI下拉列表时，Knockout视图模型也会更新，并且普通的下拉列表和文本框将显示新值。但是，当单击按钮并在代码中更新视图模型时，文本框和普通下拉菜单显示正确的值，但Kendo
浏览 0提问于2013-02-01得票数 1
回答已采纳
1回答
我在asp.net应用程序(非MVC)中有一个页面，其中有一些控件--下拉列表和文本框(非服务器端)，以及一个设置了某些属性的json数组。每个元素可以有不同的属性集，但控件是基于这些属性呈现的，如果用户进行了任何更改，json实体也应该相应地进行修改。
这里的挑战是使用相同的控件集，但每次用户单击实体时绑定不同的实体。
问题-在Knockout js中是如何实现的？
如果不是knockout js，那么这个问题的最佳解决方案是什么？
浏览 1提问于2014-03-06得票数 1
前段时间我学习了Knockout教程，其中有一篇是
详细说明如何创建列表和集合。但是，我想在列表中创建一个级联下拉选择。
我的问题是，您是否可以使用knockout在这样的动态列表中创建级联下拉列表？
碰巧的是，经过几个小时的研究，我实际上已经成功地解决了这个问题，所以我将它添加到这里作为答案，因为我认为它可能对某些人有用。也许还有更好的方法呢？
浏览 3提问于2013-05-18得票数 2
回答已采纳
我正在使用knockout.js填充一个下拉列表：
<select data-bind="options: AvailableUsers, optionsText: 'DisplayName', value: SelectedUser, optionsCaption: '-- Select a User --'" data-val="true" data-val-required="You must select a user." id="SelectedUser" name="Sel
浏览 0提问于2014-04-11得票数 0
我使用knockout.js构建一个<select>元素的<option>，并设置它的默认值。在我添加optionsValue绑定之前，所有操作都与预期的一样，此时下拉列表不再显示页面加载上的适当初始值。
换句话说，这是可行的：
<select data-bind="value: selectedAccount, options: accounts, optionsText: 'name'"></select>
...but这是不起作用的：
<select data-bind="value: sele
浏览 4提问于2012-08-29得票数 5
回答已采纳
2回答
我有一个Knockout.js web应用程序，其中有一个select2下拉列表。我希望将id和text值绑定到变量，而不是仅仅绑定id。这是我的数据：
var cars = [{id: 1, name: 'Honda'}, {id: 2, name: 'Toyota'}, {id: 3, name: 'Dodge'}];
var selectedCar = ko.observable();
这是我的html：
<select data-bind="value: selectedCar, optionsCaption: 'S
浏览 1提问于2018-09-18得票数 1
回答已采纳
我正在尝试使用knockout填充一个下拉列表。我用来填充optionsText的数组是一个JSON对象数组。我需要optionsValue是数组中对象的索引或一个序列号。
我的viewModel中有以下代码：
self.job.submitOptionsArray = this.collection.toJSON();
this.job.applyPreset = ko.observableArray(self.job.submitOptionsArray);
在我看来：
<select name="" id="applyPreset"
浏览 2提问于2013-01-06得票数 1
回答已采纳
1回答
我使用knockout subscribe函数来获取第一个下拉列表的选定值，并显示第二个下拉列表的记录。如果我使用以下命令更改了using的下拉列表
$('#country').val(countryid);
$('#country').change();
这会改变dropdown的值，但它不会反映第二个dropdown。当我在谷歌上搜索的时候，我不能对这个问题有一个明确的想法。
感谢您的帮助。提前谢谢。
浏览 2提问于2015-07-27得票数 0
2回答
这可能是一个基本的问题，但我无法得到任何解决办法。
我试图在下拉列表中显示一个格式列表。我正在使用敲除绑定来做到这一点。I want to show a specific value initially。
当用户从下拉列表中选择其他值时，它应该显示所选的值(它工作得很好)。
在选择任何选项时，我希望得到所选的值，以便可以将其发送到服务器。为此，我使用了subscribe。
下面是我的代码：
var obj = this;
obj.formatArray = ko.observableArray([{'text' : "MM/DD/YYYY"},
{
浏览 3提问于2017-04-18得票数 1
回答已采纳
我有一个使用knockout绑定的下拉列表的情况：
<select id="RoleGroups" class="tableDropDown" data-bind="options: userGroups,
optionsText: 'group_nm',
optionsValue: 'group_
浏览 3提问于2014-02-12得票数 0
我使用的是Ryan Niemeyer`s的Knockout-Kend.js库。我有一个kendodropdown定义如下：
<input id="availableLanguagesDropdown" data-bind="kendoDropDownList: { data: Languages, value:Language }" onchange="onAvailableLanguageChangeHandler();" />
其中Languages是可观察数组，Language是可观察数组。在我的应用程序中，从Languages
浏览 1提问于2012-08-21得票数 1
回答已采纳
使用Knockoutv3.4.0和ASP.NET MVC，我想创建一个多选择下拉列表，它使用第一个下拉列表的选择项填充另一个下拉列表。
是我到目前为止想出来的..。您将看到这种方法存在一些问题：
我所选择的医疗条件的.NET视图模型完全由ID组成。但是，我正在使用Knockout中的完整模型来填充第二个下拉列表。因此，在初始页面加载时不填充选定的值。我可以扩展我的.NET视图模型，使其包括完整的医疗条件对象，而不仅仅是I，但是将这些信息发回服务器是没有意义的。在提交时，我只需要知道所选择的ID列表。
未填充多选择的任何值(因为我使用selectedOptions属性传递整个模型，而不指
浏览 3提问于2016-03-09得票数 0
回答已采纳
我有一个jquery ui组合框，它使用隐藏的下拉列表来更新knockout对象。如果我显示下拉列表，当我改变值时，knockout对象就会相应地更新。如果我改变了combobox值，dropdown就会改变以反映这一点，但是knockout对象不会发生任何改变。即使dropdownlist的值发生变化，changesubgroup也永远不会被调用。我需要它来触发changesubgroup事件。
EmployerGroupModel.prototype.ChangeSubGroup = function () {
try {
if (this.Curre
浏览 3提问于2016-11-02得票数 0
我使用knockout.js选项绑定下拉列表，如下所示：
<select data-bind="options: availableCountries,
optionsText: 'countryName',
value: selectedCountry,
optionsCaption: 'Choose...'"></select>
如果用于数据绑定的可观察数组为空，即没有下拉列表的选项，我希望select元素
浏览 12提问于2022-12-01得票数 0
有没有人能帮上忙，或者给我一点建议，告诉我如何推进这项工作。
我正在尝试与KnockoutJS合作，以构建一个示例应用程序(我正在学习MVC，同时也在尝试学习jQuery/Knockout)。
该示例基于Knockout培训文档中的购物车示例-我的副本/版本在这里：
JSON相当简单：
[{
"occ": [
{
"name": "1 Room only",
"price": 53.9},
{
"name": "1 B&B&#
浏览 0提问于2012-08-22得票数 0
回答已采纳
6回答
获取绑定下拉列表中的选定项目时遇到问题。
<p>
Your Group:
<select data-bind="options: availableGroups, optionsText: 'Name', optionsValue: 'GroupId', value: selectedGroup, optionsCaption: 'Choose...'"></select>
</p>
<p>
I am visible
You have chosen &l
浏览 0提问于2013-02-14得票数 3
我在页面上有一个下拉列表。我在下拉列表中有knockout数据绑定。
默认情况下，下拉列表中没有任何项目。我有一个AJAX调用，它可以工作并检索下拉列表的正确项目列表。
检索到项目列表并加载到下拉列表中后，如何设置下拉列表中的选中项目？
<select class="form-control" data-bind="options: listOfPossibleValues, value: selectedValue, optionsCaption: 'Select a Value'"></select>
$.ajax
浏览 1提问于2017-06-14得票数 0
1回答
我有一个HTML下拉列表，其中我使用Knockout.js绑定选项。使用下拉列表，您可以选择ISO国家代码。在(短)下拉框中，我想将两个字母的国家代码显示为文本.只有当用户打开下拉列表时，才应该显示国家的全名。类似于：
+=======+===+
| DE | v |
+=======+===+
| Germany |
| England |
| France |
| Spain |
| USA |
+-----------+
现在，我的HTML代码如下所示：
<select class="form-control w-25" da
浏览 4提问于2019-11-08得票数 0
回答已采纳
1回答
我需要在UI中显示5个下拉列表，其中填充了一个Knockout ObservableArray。所有5个都是从同一个源ko.observableArray([])读取的。
我有两个问题：
如何使每个选项在选项被选中之前才激活？应该只有第一个下拉菜单是活动的，一旦一个选择已经做出，然后激活第二个，直到用户已经选择全部5。
每个下拉列表都是从相同的observableArray读取，但我不希望用户能够选择与之前的下拉列表相同的选项。如何使第二个下拉列表显示所有选项，不包括第一个下拉列表中选择的选项？如何使第三个下拉列表显示除第一个和第二个下拉列表中所选内容之外的所有光素？我可以从不同的来源
浏览 1提问于2014-04-05得票数 1
回答已采纳
嗨，我正在填充一个选择下拉列表，并使用数组填充下拉列表，如下所示：
var myOptions = {
val1 : 'Albuquerque Aero (NM75)',
val2 : 'Albuquerque FM&T (NM14)',
val3 : 'Allentown (PA19)'
};
当前，下拉“value”和“text”使用从上述数组中提取的相同信息，如下所示：
$('<option></option>').val(text).html(text)
我需要在“t
浏览 1提问于2015-12-03得票数 0
回答已采纳
我正试着把下垂物绑起来。以下代码工作
<select data-bind="options :MyArray"/>
然而，它不起作用，但是当我添加Knockout绑定时(如下面所示)，.the下拉列表不会出现
<select data-bind="options: MyArray, event:{change:DropdownChnaged.bind($data,'Task')} "/>
浏览 2提问于2022-09-13得票数 0
请帮助我解决knockout.js问题：
为什么变量currentObject未定义？如何将当前选中的对象保存在某个变量中？
我有下面的下拉列表的html视图：
<select data-placeholder="Select object" class="span5" id="objects" data-bind="options: objects, optionsText: 'Name', optionsValue: 'Id', value: currentObject">
浏览 2提问于2012-10-27得票数 0
我想使用knockout来给用户提供简单的反馈，让他们知道他们做出了什么选择。
我当前的代码从multiselect下拉列表中返回值，这对用户没有任何意义。我更愿意显示他们所选择的SelectedItem的文本。
有什么想法吗？
当前行为(显示值而不是文本)位于Fiddle：
HTML：
<select data-bind="selectedOptions: multipleSelectedOptionValues" id="CollectionStatusIds" multiple="multiple" name="Collec
浏览 2提问于2013-10-30得票数 1
我需要在页面加载完成后从数据库中获取一个值，并运行一个函数，该函数将根据检索到的值填充多个下拉列表。类似于表单控件的更改事件。
如何使用Knockout.js完成此操作？
谢谢。
浏览 4提问于2012-09-04得票数 0
回答已采纳
1回答
试图在下拉列表中显示对象数组值。我有一个对象，它会有‘汽车’，‘巴士’，‘自行车’，‘摩托车’，‘火车’数组值。我想在每个下拉列表中显示这个对象的值。如第一个下拉式汽车阵列值，第二个下拉总线值，第三个下拉周期，第四个下拉MotorCycle值和第五个下拉列车值。我用过输入装饰器。那么，如何在每个下拉列表中显示这些值。
main.component.ts：
export class MainComponent implements OnInit {
travals = {
Car: ['Good', 'Bad'],
Bus: ['Supper',
浏览 7提问于2022-07-25得票数 1
回答已采纳
1回答
我的示例代码如下所示：
包含列表项的模型：
public IList<ListItem> ListOfRecords { get; set; }
在控制器中填充模型：
public ActionResult Index()
{
var model = new ViewModel();
model.ListOfEmployees = GetAllRecordsFromDataBase();
return View(model);
}
我的观点：
<select data-bind="options: optionValues, selectedO
浏览 0提问于2016-02-08得票数 0
3回答
我正在使用MVC、Knockout和Knockout验证来验证我的视图模型。
我遇到了一个问题，视图模型属性的验证在加载时立即触发。换句话说，在用户尝试更改其值之前，"This field is required“会显示在我的输入旁边。
下拉(select)控件特别会出现这个问题。
我猜这可能是我无意中更改/访问/更改了javascript代码另一部分中的可观察对象而造成的问题。然而，我不知道如何追踪到这一点。
有没有办法让我以某种方式订阅或跟踪在Knockout Validation中引发验证的事件？我只想知道为什么它会以这种方式启动。我非常确信isValid()函数的值始终是假的。
浏览 0提问于2012-12-04得票数 21
回答已采纳
我还得到了一段关于KnockOut的代码，可以使用jquery填充下拉列表。我对KnockOut一点也不熟悉，所以我现在能够理解它是如何工作的。
所以请告诉我KnockOut相关代码的含义。这是完整的代码
<p>
Your country:
<asp:DropDownList ID="ddlCountries" runat="server" data-bind="options: countryModel.countries, optionsValue: 'CountryID', optionsText:
浏览 2提问于2012-08-29得票数 0
回答已采纳
嗨，我正在使用knockout有一个选择下拉栏，以允许用户选择他们的位置。现在，由于我的下拉列表的工作方式，它会刷新页面，为该项目带来正确的产品。
我想要的是当页面刷新时，有他们选择的位置作为下拉列表中的默认值。但现在，它又回到了optionCaption。
<select id="SelectLocation" data-bind="options: OrgTitles,
optionsText: 'title', optionsCaption: 'Choose Centre...',
value: S
浏览 0提问于2014-11-12得票数 0
我使用的是Knockout 3.2，我试图用一些选定的值显示多个select下拉列表，但是这些值没有被选中。问题是KO没有填充选项的“value”属性：
<select data-bind="options: availableCountries, selectedOptions: chosenCountries, optionsText: 'name'" size="5" multiple="true">
<option value="">France</option>
浏览 1提问于2014-09-21得票数 1
回答已采纳
我目前正在开发一个使用Knockout、Bootstrap和JQuery的JQuery web表单。通过“向导步骤”，我遇到了数据持久性问题。
我想要做的是获取客户端的邮件状态，并将其持久化到其他页面，然后使用Knockout使字段可见并创建验证。
我读过，您可以使用隐藏的状态来完成这一任务，但我遇到了一些问题，需要将值传递给Knockout，并最终显示其他字段。
下面是执行所有步骤的c#页到页。
protected void StepChanged(object sender, EventArgs e)
{
if (IsPostBack)
{
浏览 0提问于2019-08-05得票数 0
回答已采纳
2回答
目标
我正在尝试创建一个表单，它将显示不同的下拉列表(Select)，该列表基于“计划类型”的单个首选项，例如(“基本”、“标准”、“豪华”)。
如果用户选择"Basic"，那么用户可以从一个名为“选项A”的新下拉列表中进行选择。如果他们选择“标准”或“豪华”，那么他们会收到“选项B”。
编辑目标
我想我真的需要让isOptionA或isOptionB在我看来是可以使用的。
需求
用户只能看到他们选择的选项，我不想显示任何类型的禁用字段(原因:对于基本用户，IMO，这是一种糟糕的体验)。
此外，所有下拉列表中的选项在任何时候都不会被用户更改。
过去式研究
我爬过各种各样的网站，
浏览 3提问于2014-08-18得票数 1
回答已采纳
我想在Knockout中创建一个对象数组。每个对象由一个可观察的数组(包含字母数字代码列表)和一个文本字段组成，该文本字段用于与代码相关的描述。从列表中选择代码时，我希望相应地更新文本字段。我要做的是使用代码从web服务检索相应的描述，但我仍然无法从代码下拉列表的选择中触发subscribe事件。然后，我需要获得选定的文本，并更新描述字段。这是我的jsFiddle：
我认为问题在于我如何声明subscribe方法：
self.Items.subscribe(function(data) {
alert(data);
data.Description = data.Cod
浏览 0提问于2013-07-04得票数 0
回答已采纳
我在一个select绑定上下文中有一个with。
<div data-bind="with: SelectedItem">
<select id="select" data-bind="options: $root.OptionsList, optionsText: 'description', optionsValue: 'opt_id', event: { change: $parent.OptionSelectionChanged }, optionsCaption: 'Select
浏览 1提问于2019-01-21得票数 1
回答已采纳
这是我今天遇到的一个有点奇怪的问题。我有一个使用Breeze和Knockout的应用程序。在我的一个页面上，我允许用户编辑和保存项目数据。仅当进行了更改时，才会启用保存按钮。为了跟踪更改，我订阅了propertyChanged事件。这个页面有相当多的下拉列表，这导致了一些问题。下面是其中一个下拉列表的示例。
<div>
<label for="projQAManager">QA Manager</label>
<select id="projQAManager" data-bind="option
浏览 0提问于2013-05-09得票数 1
回答已采纳
当我从后端加载订单列表时，我试图在html中显示一个订单列表。在for循环中，jquery应该检查一个有序的食物是否存在多次。
当前的列表如下：
PizzaSoupPizzaPasta
我想让它显示出来：
PizzaSoupPasta 2x
我已经试过这样的方法了
const allEqual = arr => arr.every(v => v === arr[0]);
allEqual([1,1,1,1]);
浏览 4提问于2022-10-21得票数 0
我对Knockout JS还是个新手。我正在尝试做一个简单的任务，如果下拉菜单根据下拉列表中选择的值显示帮助文本。
我的示例位于jsFiddle：
注意:我不确定是否允许链接到jsFiddle，如果不允许，我将在这里粘贴代码。ko.computed事件似乎只在加载时触发。当条件改变时，似乎不能让它触发。
谢谢您抽时间见我。
浏览 1提问于2012-09-20得票数 0
回答已采纳
1回答
我目前正在学习knockoutjs，而我只是在关注关于列表和收藏的教程，目前我拥有的是一个下拉列表，它列出了我所拥有的项目，然后与它相邻的是一个显示文本(价格)的文本，现在我想要做的是，显示的文本应该根据下拉列表中选定的项进行更改。
下面是我的代码的一部分：
此外，如果您注意到我的代码有问题，除了我上面提到的，请建议我，为最佳实践或更正。
// Class to represent a row in the seat reservations grid
function SeatReservation(name, initialMeal) {
//var self = this;
浏览 3提问于2013-08-06得票数 3
回答已采纳
2回答
我正在尝试获取所选列表项的索引值
、、、、
search.py
<div class="container">
<br>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
浏览 0提问于2019-11-21得票数 1
很难从胸腺细胞的动态下拉式中获得值。
这是我第一次
<select th:field="${offer.offerItemList[__${iterationStatus.index}__].mapa}" class="form-control input-sm ofa">
<option value="0" >---Choose option---</option>
<option th:each="attribute : ${offer.offerProductAttribute}"
浏览 3提问于2016-02-01得票数 0
回答已采纳
1回答
我使用下拉optionCollection来选择一组值。
<html:select property="cddSourceOfFunds" styleId="cddSourceOfFunds" styleClass="selectDefault" onchange="return mtmrsValRequiredselect(this.id,'selectDefault','selectDefault errorBdr','errorSpan1','0')"&g
浏览 1提问于2013-04-16得票数 0
回答已采纳
我设计了一个下拉菜单(试图在浏览器之间一致地对一个实际的<select>元素进行样式设计是徒劳无功的)，当单击该菜单时，它会显示一个无序的下拉选项列表。这个功能是通过Knockout.js提供的，它使用一个可观察的方法来检查下拉列表应该显示还是隐藏。DOM结构如下：
<div id="actionsDropdown">
<a data-bind="click: toggleDropdownVisibility, css: { active: showDropdown() == true }">Actions</a&g
浏览 3提问于2014-11-27得票数 1
回答已采纳
1回答
我使用Knockout 2.2.1将一个对象绑定到一个下拉列表。绑定可以将正确的项目放入列表中，但当我尝试选择对象时，它不起作用。我有一个显示此问题的JSFiddle；
Html
<div style="margin-bottom: 15px;">
Your Choices:
<select data-bind="options: choicelists[0].options, optionsText: 'otext', optionsValue: 'oprice', value: selOpt1, opt
浏览 2提问于2013-05-30得票数 1
回答已采纳
var vm = (function() {
var selectedFoo = ko.observable(),
foos = [
{ id: 1, fooName: 'fooName1', fooType: 'fooType1' },
{ id: 2, fooName: 'fooName2', fooType: 'fooType2' },
{ id: 3, fooName: 'fooName3', foo
浏览 1提问于2015-11-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
