在foreach循环内不能正确显示Knockout JS select初始值
的问题可能是由于Knockout JS的数据绑定机制导致的。在foreach循环中，Knockout JS会为每个循环项创建一个独立的作用域，这意味着在循环内部的数据绑定可能无法正确地访问到外部的数据。
解决这个问题的一种方法是使用Knockout JS的$parent关键字来引用外部作用域的数据。在select元素的数据绑定中，可以使用$parent来引用foreach循环的父级作用域，从而正确地设置select的初始值。
以下是一个示例代码：
<div data-bind="foreach: items">
<select data-bind="value: $parent.selectedItem">
<option value="">请选择</option>
<option data-bind="text: name, value: id"></option>
</select>
</div>在上述代码中，$parent.selectedItem表示外部作用域中的selectedItem属性，通过将value绑定到$parent.selectedItem，可以确保select的初始值正确显示。
对于Knockout JS的select初始值问题，腾讯云没有特定的产品或服务与之直接相关。然而，腾讯云提供了一系列云计算产品和服务，如云服务器、云数据库、云存储等，可以帮助开发者构建和部署各种应用。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多信息。
相关·内容
我现在的情况是：
<fieldset name="sortSearch">
@Html.CreateSortingControl("views.restricted.widgets.alertdetailwidget.sorting", "searchCriteria.Sorting", "changeSortingDirection", "changeSortingField", GetValueList(SortingValueProvider.ValueProviderId))
</
浏览 2提问于2019-08-27得票数 0
1回答
我无法弄清楚如何继续处理以下数据绑定。我有JSON数据，希望以垂直网格的形式显示。因此，我将获取一个数组(例如columnName)中的所有键值，并使用它来显示列名。现在，我试图使用数组(ColumnName)显示JSON数据的值。
请检查代码，并告诉我解决方案。
JavaScript代码：
var _data = new Array({ firstname: 'Name1', lastname: 'LastName1' }, { firstname: 'Name2', lastname: 'Lastname2' });
va
浏览 0提问于2013-12-29得票数 1
回答已采纳
2回答
我在这里用的是淘汰机。
我有一个HTML表，该表有4列。我有按钮可以向表中添加一行，然后针对每一行删除按钮来删除它。HTML表如下所示。
<table class="table table-bordered">
<thead class="mbhead">
<tr class="mbrow">
<th>Input</th>
<th>First Name</th>
浏览 0提问于2018-03-14得票数 2
回答已采纳
我正在使用Knockout JS创建一个简单的下拉式<select>框。我首先尝试使用Knockout JS文档中给出的示例：
<select data-bind="options: availableCountries"></select>
<script type="text/javascript">
var viewModel = {
availableCountries : ko.observableArray(['France', 'Germany'
浏览 0提问于2014-02-28得票数 2
我有一个用Knockout.js构建的选项列表元素。我试图将Knockout.js $element数据绑定变量传递给Javascript函数：
<!-- ko with: dataList -->
<div class="container">
<div class="setting topic" data-bind="deselectClick: enabled, css: { disabled: enabled() != true, locked: isLocked() == true }">
&
浏览 1提问于2013-07-25得票数 1
2回答
我有一个项目列表，我想显示所选项目的总数。项目列表被播放了两次，所以如果我检查第一个列表中的某个项，那么第二个列表中的相同项也会被选中。问题是，它不计算和(它显示南)。
function Item(id, name, price) {
this.id = id;
this.name = name;
this.price = price;
}
var listOfItems = [
new Item(1, 'item1', 25),
new Item(2, 'item2', 30),
new Item(3, 'item3
浏览 5提问于2016-01-19得票数 3
回答已采纳
3回答
是否有方法将数组元素绑定为输入或select的值？
就像这样..。
var ViewModel = function() {
var self = this;
self.array = ko.observableArray([undefined, undefined, undefined]);
self.text = ko.computed(function() {
return self.array()[0] + self.array()[1] + self.array()[2];
});
}
var viewModel = new ViewModel();
浏览 4提问于2016-05-24得票数 2
回答已采纳
1回答
我有一个使用Knockout映射插件创建的数组。在我的标记中，用户选择一个“selectedItem”，单击delete按钮打开一个自定义确认模式，然后我想单击模式中的delete按钮删除该项。尽管我尽了最大的努力，但我似乎无法破解语法来使其工作。当我调用remove函数时，我得到了一个错误'Uncaught : undefined is not a function‘。
如您所见，我有一些警告语句，它们显示dataModel.items数组和selectedItems属性都不是未定义的。如果您能帮助我启动并运行它，我将不胜感激。
我的代码：
<input type="h
浏览 0提问于2015-03-23得票数 0
2回答
选中的当前功能将在单击“选中”复选框时显示，反之亦然。
我还想显示沿复选框下拉选定的值，反之亦然。
var viewModel = {};
viewModel.choices = ["one", "two", "three", "four", "five"];
viewModel.selectedChoices = ko.observableArray([]);
viewModel.testing = ko.observableArray();
viewModel.selectedChoicesDelimi
浏览 8提问于2015-07-26得票数 2
回答已采纳
这是我正在使用的代码。控制台日志向我显示了两次调用onFilterChange方法(对"select标记“中的每个函数定义调用一次)。我猜想我需要更改数据绑定中的”事件：{Chang: onFilterChange }“，但我不熟悉Knockout.js，而且我们不支持ES6，因此不支持以前为我工作的"()=>onFilterChange”：
function ProductionsView() {
var self = this;
self.showDateFilter = ko.observable(true);
self.showCat
浏览 5提问于2017-01-28得票数 0
回答已采纳
使用knockout js
我在一个表中设置了下拉列表，如下所示：
<tbody data-bind="foreach: items">
<tr>
<td id="tdName"><select class="form-control" data-bind="options: $parent.ddl, optionsText: 'firstName', value: selectedValue, optionsCaption: '--Select--', a
浏览 0提问于2018-03-22得票数 0
2回答
我对knockout visible binding有点迷惑。我创建了一个示例来演示这个问题。主要目的是在用户选择“其他”选项时显示一些div (otherDetails)。这不管用。当"mySelection“字段被更改时，visible不会被重新计算。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width"
浏览 3提问于2013-04-23得票数 0
回答已采纳
我有一个相当复杂的模板，用于使用knockout-kend.js绑定的kendoKend.js。它显示得很漂亮。我的问题是，我需要在模板的某些部分使用可见绑定和单击绑定，但我无法让它们工作。下面是我的模板的简化版本。基本上，deleteButtonVisible确定是否可以看到close按钮，然后removeComp从数组中删除该项。
<div class='template'>
<div >
<div style='display:inline-block' data-bind='visible: del
浏览 0提问于2014-02-07得票数 1
2回答
我正试图创建一个表格，其中新的项目将显示一个不同的背景颜色。下面的例子说明了我在做什么。
var data = [{
name: "Gibson",
id: "1"
}, {
name: "Fender",
id: "2"
}, {
name: "Godin",
id: "3"
}, {
name: "Tagima",
id: "4"
}, {
name: "Giannini",
id: "5"
浏览 1提问于2016-06-02得票数 0
回答已采纳
这是我使用knockout.js的第一个项目，我有一个我无法解决的问题。我正试图有三个层次的预告绑定。前两个层次起作用，但第三个层次不起作用。我看不出我的HTML或JavaScript有什么问题。
<div class="skill-list-body">
<div class="inner-skill-list-body">
<div class="skill-list-publication-title" data-bind="text: publication">&
浏览 1提问于2014-10-02得票数 0
回答已采纳
你好，我正在尝试使用Knockout为输入值创建一个动态表。该表稍后将像一个数据矩阵一样工作，这样我就可以将“产品品牌”的输入值乘以。
这是目前所拥有的：
var Group = function(brand,value) {
this.brand = ko.observable(brand);
};
var ViewModel = function(groups) {
var self = this;
self.optionValues_brand = ko.obs
浏览 1提问于2015-10-02得票数 0
回答已采纳
我试图在knockout.js中手动呈现optgroups中的选项，并在Ryan的答案中提供指导。它可以正常工作，但前提是选项必须立即呈现。如果它们随后加载，则正确的项不会选择。
代码和小提琴链接在下面。改变
t: ko.observable(null)
至
t: ko.observable(t)
让它正常工作，所以问题肯定是延迟加载，而且我已经将valueAllowUnset设置为true。
小提琴：
HTML
<select data-bind="template: { name: 'selectTemplateType', data: t }, valueA
浏览 3提问于2014-12-15得票数 3
回答已采纳
我在网格中有一个嵌套的组产品选项数组。我想有一个弹出式编辑器，其中列出了每个分组的产品选项的所有产品(产品行)，并允许用户检查它们之间的关系。我遇到过多对多关系的例子，但没有一个自我引用的例子是多对多的。
考虑以下数组数据结构：
[{
grouptitle: "User Band",
productoptionrows: [{
id: "1",
producttitle: "25-100",
relatedproductoptionrows: [{
id: "4",
titl
浏览 0提问于2017-05-03得票数 0
我在Knockout.js中有一个嵌套的foreach循环，我想从内部循环内的外部循环中的当前对象访问一个属性。
<!-- ko foreach: graduationDateRows -->
<tr>
<td class="center" data-bind="text: CalendarYear"></td>
<!-- ko foreach: $root.graduationDatesHeaders -->
<td class
浏览 4提问于2012-06-12得票数 24
回答已采纳
我的看法如下：
<div data-bind='foreach: providers'>
<div data-bind='text: name'></div>
<button data-bind='click: model.addToCart'>Show</button>
<table class="table">
<thead>
<th style="width: 300px">Na
浏览 4提问于2015-06-15得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
