根据之前在KnockoutJS中选择的选择菜单填充选择菜单

时间:2015-10-28 15:09:40

标签: javascript jquery wordpress knockout.js data-binding

我已经搜索过高低,并且没有找到答案来回答我的问题,所以我希望我的问题没问题。

我正在学习Knockout JS,我试图在Wordpress插件中使用它。我尝试从外部API提取数据,然后根据该数据填充overflow: scroll;菜单。

这完美无缺,但我遇到的问题是使用之前选择的对象填充第二个 <select>菜单{{1 }}。

根据我收集的内容,我可以将<select>设置为对象的某个属性,例如pricing_parametersoptionsValue。我尝试设置serviceId,但返回serviceName

此外,这不允许我显示所选的第一个serviceParams的{​​{1}}吗?如果是这样,处理此信息的正确方法是什么,以便可以在多个区域中使用?

以下是一个示例响应:(JSFiddle下面)

[object Object]

这是JSFiddle

1 个答案:

答案 0 :(得分:1)

这里只是一些事情,1)你将optionsValue设置为服务Id,使得框架只将id传递给selectedService observable 2)如果你有&#34; with&#34;范围设置不需要在该范围内再次引用它,3)选择标记没有匹配的标记

<select class="form-control" id="bedrooms" data-bind="options: services, optionsText: 'serviceName', value: serviceSelected, event:{change: logIt}">
</select>
<!-- ko with: serviceSelected-->
    <select class="form-control" data-bind="optionsText: 'name',options:serviceParameters"></select>
<!-- /ko -->

在这个小提琴中进行了更改http://jsfiddle.net/59hca470/1/