如何使用复选框更改此多重选择的占位符属性

Posted 2021-05-05

我目前正在使用以下脚本通过复选框选择所有多个选择下拉列表。我的表格中有大约30个这样的多选框。当我使用占位符选项自动获取选择框的标题时，它只获取页面的标题。

https://www.jqueryscript.net/form/jQuery-Plugin-For-Multi-Select-List-with-Checkboxes-MultiSelect.html

<select multiple title="example">
    <option value="1">One</option>
</select>

$(document).ready(function () {
    $('select[multiple]').multiselect({
        texts: {
            placeholder: $(this).attr('title')
        }
    });
});

答案

我认为您正在尝试将所选选项显示为按钮标题，如果是这样，此代码应该适合您。

<select multiple title="example" id="multiple-select">
    <option value="1">One</option>
</select>

$('#multiple-select').multiselect({
  includeSelectAllOption: true,
  buttonText: function(options) {
    if (options.length == 0) {
      return 'example';
    } else {
      return options.length + ' Selected';
    }
  }
});

另一答案

得到了@smilyface的答案：

$.each($('select[multiple]'), function (key, selectbox) {
    $('#' + selectbox.id).multiselect({
        texts: {placeholder: $('#' + selectbox.id).attr('title')}
    });
});