小编IRO*_*MAN的帖子

从动态创建的下拉列表中获取选定的值

我正在使用KnockoutJSdurandalJS 2.0.我正在基于数据库表条目动态添加两个下拉列表,并用另一个表中的数据填充它们.每个下拉菜单都有一个复选框.如何获取所选的下拉值?

在此输入图像描述

楷模

var dataToAdd = {
    mydata_Id: ko.observable(),
    mydata_Name: ko.observable(),
    mydata_data: ko.observableArray([dataTask])
};

var dataTask = {
    taskId: ko.observable(),
    dropdownId: ko.observable()
};

var taskList=ko.observableArray([]);//get data from database table. Consider there are two entries.
var dropdownData=ko.observableArray([]); //get the dropdown data
Run Code Online (Sandbox Code Playgroud)

视图

//Since *taskList* has two entries, two dropdowns with their respective checkbox will get generated.
<div data-bind="foreach:taskList">
    <label><input type="checkbox" data-bind="checked: true" />
    <span data-bind="text:Name"></span></label>    

    <select data-bind="options: $root.DropdownData, optionsValue: 'Id', optionsText: …
Run Code Online (Sandbox Code Playgroud)

knockout.js durandal-2.0

10
推荐指数
1
解决办法
1543
查看次数

标签 统计

durandal-2.0 ×1

knockout.js ×1