javascript - 如何在 Html 的下拉菜单中访问匹配的数据？

Question

我想从 angularjs 访问匹配的数据，例如:

下面是我要访问的列表:

$scope.orderStatus = [
    { os: 'Open', value: 1 },
    { os: 'Completed', value: 2 },
    { os:'Cancelled',value: 3 }, 
    { os: 'Rejected', value: 4 }
]

下一个用于访问列表元素。

<tr ng-repeat="order in orders" ng-if="order.OrderStatus==2">

下面是我的下拉列表。

<div class="tab">
    <input type="radio" id="tab-1" name="tab-group-1" checked>
    <label for="tab-1">
    <select style="background: DarkSlateGrey; border-bottom: 2px; border-bottom-width: 4px; border-bottom-style: none; z-index: 2; text-align: center; position: absolute; top: 1px; left: 1px; Width: 98px; height: 25px; ">
        <option value="orders">Order</option>
        <option value="open">Open</option>
        <option value="complete">Completed</option>
        <option value="cancel">Cancelled</option>
        <option value="reject">Rejected</option>
    </select>
</label>

如何将其与模态绑定(bind)，以及如何在单击特定订单元素时访问各个详细信息？

Answer 1

根据我的看法，你的 prblm blw 解决方案会起作用

在 select 标记中添加 ng-model="someVariable".. 这样当您选择任何下拉值时，就会选择该值并 someVariable 具有该值。使用该变量并访问其他内容。