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

您可以使用$ .each（）迭代jQuery选项并获取每个元素的data属性：

$('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';
        }
    });
});

动态＆＃34; noneSelectedText＆＃34;用于多选jquery盒子

1 个答案: