多選jQuery框的動態「noneSelectedText」

Question

我正在嘗試爲頁面的多選框複選框部分獲取動態字段 - 具體爲noneSelectedText。下面是HTML：

<select name="set_town[]" class="my_select set_town" multiple="multiple" data-selected-text="Select Town"> 

我發現jQuery UI MultiSelect Widget - noneSelectedText for more than one select tag，但我不能讓包括代碼示例工作。我用.data()和.attr()都無濟於事。以下工作，但「選擇城鎮」的內容不是動態的，我有幾個複選框字段填充（所有不同）。

$('select[multiple="multiple"]').multiselect({ 
    noneSelectedText: 'Select Town', 
    header: false, 
    selectedText: function(numChecked, numTotal, checkedItems){ 
     return numChecked + ' of ' + numTotal + ' checked'; 
     } 

這並不是說許多領域，雖然如此，我願意硬編碼值，如果我能得到一個條件設置不當，但我想我有我的語法錯，太...

$('select[multiple="multiple"]').multiselect({ 
    if ($(".set_town")) { 
     noneSelectedText: 'Select Town', 
    } 
    header: false, 
    selectedText: function(numChecked, numTotal, checkedItems){ 
     return numChecked + ' of ' + numTotal + ' checked'; 
     } 

Answer 1

您可以通過jQuery的選擇與$。每個（重複），並得到每個元素的數據屬性：

$('select[multiple="multiple"]').each(function() { 
    var select = $(this); 
    select.multiselect({ 
     noneSelectedText: select.data('selected-text'), 
     header: false, 
     selectedText: function(numChecked, numTotal, checkedItems) { 
      return numChecked + ' of ' + numTotal + ' checked'; 
     } 
    }); 
});