将项目列表转换为下拉列表淘汰赛js

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、Title 和 Description 是模型中下拉列表的属性。提前致谢。

Answer 1

尝试 options 绑定。

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

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