Получить выбранные значения из динамически созданных выпадающих списков

Я использую KnockoutJS и durandalJS 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

Просмотр

//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: 'Name', optionsCaption: 'Select...', value: $root.dataTask.dropdownId</select>
</div>

Первый. Как получить выбранное значение для каждого раскрывающегося списка при нажатии кнопки ADD? Когда я использую значение: $root.dataTask.dropdownId, оба раскрывающихся списка изменяются на одно и то же выбранное значение. Когда я устанавливаю флажок, выпадающий список должен быть включен и после выбора, я должен иметь возможность обновлять массив observable, как показано ниже:

{taskId:44,dropdownId:10},{taskId:55,dropdownId:11}

Второй. Также, когда я сниму флажок, соответствующий раскрывающийся список должен быть отключен, и запись должна быть повторно перенесена из массива observable.

Ответ 1