使用javascript動態更改按鈕的文本

-1

我有一個下拉列表，其中有5個元素在按下時顯示在按鈕內。現在，該按鈕獲取所選標籤的值，但我希望它在此值之前具有默認文本;這個文本應該是「過濾：」值。而且我還需要顯示插入符號...任何想法如何才能使這個工作？使用javascript動態更改按鈕的文本

HTML：

<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>

JS用的CoffeeScript：

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)

來源

2015-10-15 Valip

所以真的有使用CoffeeScript的... – Alex

呀github上的人。你有沒有聽說過他們？ –

找到了解決辦法由自己：

'通過過濾'
串連這創造了一個新的翻譯翻譯價值

@$(".bet-filter").text((@app.translate('filter_by')) + (filter.status))

來源

2015-10-15 09:42:53 Valip

使用javascript動態更改按鈕的文本

回答

相關問題