更改 multi select 插件占位符

Question

我将 http://wenzhixin.net.cn/p/multiple-select/ 用于多 select、过滤器 select 框。一切正常，但我感到困难的一件事是我有不同的 select 框，并且每个 select 框我需要不同的占位符。目前我是这样发起的

<script type="text/javascript">
    $(".multi-select-filter").multipleSelect({
        filter:true,
        width:"100%",
        placeholder : "Select Zone(s)"
    });
</script>

这在所有页面中都重复出现。有什么办法，我可以在一个普通的 js 文件中进行此调用，并仅在单个页面中更改或覆盖占位符值？

Answer 1

您可以在每个元素上使用一个属性来放置所需的占位符消息，例如 <select class="multi-select-filter" placeholder="some message"></select> 然后在您的公共文件中

$(".multi-select-filter").each(function () {
    $(this).multipleSelect({
        filter: true,
        width: "100%",
        placeholder: $(this).attr('placeholder')
    });
})

更改 multi select 插件占位符

Change multi select plugin placeholder

jquery

jquery-plugins

multi-select