动态生成的div不会填充Select元素

Question

我尝试向页面添加动态内容，但我无法让它正常工作。

我有一个user div，点击按钮后会添加新的user。

user部分：

＆＃13;

＆＃13;

<div class="sec">
    <div class="sec">
        <input class="co" placeholder="Name" data-bind="value: name" />
        <div class="selectCont">
            <select id="status" class="coS" data-bind="options: $root.positions(), optionsText: 'position', optionsValue: 'id', value: $root.selectedPosition, optionsCaption: 'Select one'"></select>
        </div>
        <div><div class="lbl e">Email</div> <input class="coEmail co" data-bind="value: email" /></div>
        <div><div class="lbl p">Phone</div> <input class="coPhone co" data-bind="value: phoneNumber" /></div>
        <div>
            <div class="lbl f">Fax</div> <input class="coPhone co" data-bind="value: fax" />
            <div class="selectCont">
                <select class="coSel" id="contactStatus" data-bind="value: isPrimaryUser == true ? 'Primary' : 'Additional'">
                    <option>Additional</option>
                    <option>Primary</option>
                </select>
                <img class="selectArrow" src="~/Images/drop.png" />
            </div>
        </div>
    </div>
</div>

//By clicking on a `+` button:

  <div class="secInner">
         <div class="add" data-bind="click: function(){ $root.addUserDiv()}"><div class="hor"></div></div>
  </div>

//I'm pushing a new `user` to the `users` array:
self.addUserDiv = function () {
    users.push(new user(""));
}

＆＃13;

＆＃13;

＆＃13;

正在添加新的div，但div上的2个select元素不会被填充。

请参阅附带的示例，第一个是最初在页面上的div，第二个是刚刚添加的div，我无法访问两个选择选项。在新user上

我怎样才能让它发挥作用？