Question

我是新来的淘汰赛。我可以知道如何将这个无序的项目列表转换为具有相同数据绑定的下拉列表。

<div class="col-lg-4 col-md-4 col-sm-4">
  <h4>Select a Request Reason:</h4>
   <ul class="nav nav-pills nav-stacked" data-bind="foreach: Reasons">
      <li role="presentation" data-bind="css: { 'active': Id() === $parent.Request().ReasonId() }">
       <a href="#" data-bind="text: Title(), click: $parent.SelectReason"></a>
      </li>
   </ul>
</div>

Id，标题和描述是模型中下拉列表的属性。预先感谢。

Answer 1

尝试使用options绑定。

<select data-bind="options: Reasons, optionsText: 'Title', optionsValue: 'Id', value: selectedReasonID, optionsCaption: 'Please select a reason'"></select>

在此示例中，您将需要向视图模型添加selectedReasonID属性以存储选定的ID。如果需要，您还可以存储整个Reason对象。

将项目列表转换为下拉列表敲除js

1 个答案: