使用javascript动态更改按钮的文本

我有一个下拉列表，其中有5个元素，按下时显示在按钮内。 现在，按钮获取所选选项卡的值，但我希望它在该值之前有一个默认文本；此文本应为“筛选依据：”值。我还需要那个插入符号来显示…有什么办法可以让它工作吗

HTML:

---

我自己找到了解决办法：

为“筛选依据”创建了新的翻译

将此转换与值连接起来

---

@$（“.bet filter”）.text（（@app.translate（'filter_by'））+（filter.status））

所以确实有人在使用coffeescript…是的。你听说过他们吗？

<div class='filtering_options dropdown'>
  <button class="btn bet-filter btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Filter by:
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu CHECK-HEIGHT" aria-labelledby="dropdownMenu1">
    <li><a href='#brzn/yolo/all' class='btn btn-filter all' data-filter='all'>{{translate 'bets_filter_all'}}</a></li>
    <li><a href='#brzn/yolo/open' class='btn btn-filter open' data-filter='open'>{{translate 'bets_filter_open'}}</a></li>
    <li><a href='#brzn/yolo/closed' class='btn btn-filter closed' data-filter='closed'>{{translate 'bets_filter_closed'}}</a></li>
    <li><a href='#brzn/yolo/pending' class='btn btn-filter pending' data-filter='pending'>{{translate 'bets_filter_ended'}}</a></li>
    <li><a href='#brzn/yolo/resolved' class='btn btn-filter resolved' data-filter='resolved'>{{translate 'bets_filter_resolved'}}</a></li>
  </ul>
</div>

  filter: (filter)->
    # set default values for the filter
    if _.isEmpty(filter)
      filter = @default_filter
    if filter.dir
      filter.dir = parseInt(filter.dir) || 0
    if !(filter.status in ['all', 'open', 'closed', 'pending', 'resolved'])
      filter.status = 'all'
    prev_filter = @filter_options
    @filter_options = _.extend({}, @default_filter, filter)
    if _.isEqual(@filter_options, prev_filter)
      return
    @update_comments(@filter_options)
    @$('.btn-filter.active').not(".btn-filter.#{filter.status}").removeClass('active')
    @$(".btn-filter.#{filter.status}").addClass('active')
    @$(".bet-filter").text(filter.status)