Javascript METEOR更改选择标签颜色

我有以下选择

 {{#each orders_db}}
      <tr>
        <td>{{item}}</td>
        <td>
         <select class="bootstrapselect orderstatus">
          <option data-content="<span class='label label-info'>{{status}}</span>">{{status}}</option>
                      <option disabled>--------</option>
  <option data-content="<span class='label label-primary'>Awaiting</span>">Awaiting</option>
  <option data-content="<span class='label label-info'>Taken</span>">Taken</option>
  <option data-content="<span class='label label-success'>Delivered</span>">Delivered</option>
  <option data-content="<span class='label label-warning'>Shipped</span>">Shipped</option>
  <option data-content="<span class='label label-danger'>Cancelled</span>">Cancelled</option>
          </select>
        </td>
        <td>{{client}}</td>
        <td>{{location}}</td>
        <td>{{responsible}}</td>
      </tr>
    {{/each}}

如何根据“状态”值更改状态？

---

例如，发货时应该有标签警告，取消时应该有标签危险等等。

您可以创建一个助手，输入状态并返回标签

//html
<option data-content="<span class='label label-info {{getLabel status}}'>{{status}}</span>">{{status}}</option>

//template js
const labels = {
  cancelled: "label-danger",
  shipped: "label-warning",
  ...
}
Template.templateName.helpers({
  'getLabel':function(status){
     return labels[status];
  }
}

//html
<option data-content="<span class='label label-info {{getLabel status}}'>{{status}}</span>">{{status}}</option>

//template js
const labels = {
  cancelled: "label-danger",
  shipped: "label-warning",
  ...
}
Template.templateName.helpers({
  'getLabel':function(status){
     return labels[status];
  }
}