Question

<select data-placeholder="Select or type" data-minlength="2" multiple = "multiple" name='arrAval' id='listAval' class="js-basic-multiple form-control" required>

所以这就是问题：

正如文档所说，我应该能够为这个组件设置语言：

$(".js-basic-multiple").select2({
        language: "language-wanted"
    });

无论我设定哪种语言，它都会返回“找不到结果”。为了清楚起见，就像在https://select2.github.io/examples.html#matcher中一样，它为'language：'es“'返回”No se encontraron resultados“

Answer 1

<script src="libs/select2-4.0.2-rc.1/dist/js/i18n/<here-goes-language>.js"></script>

Keving Brown表示，上面的内容已丢失。正如问题中引用的例子，西班牙文件将是“es.js”

Answer 2

在select2插件

之后添加这样的脚本

$.fn.select2.amd.define('select2/i18n/ru',[],function () {
    // Russian
    return {
        errorLoading: function () {
            return 'Результат не может быть загружен.';
        },
        inputTooLong: function (args) {
            var overChars = args.input.length - args.maximum;
            var message = 'Пожалуйста, удалите ' + overChars + ' символ';
            if (overChars >= 2 && overChars <= 4) {
                message += 'а';
            } else if (overChars >= 5) {
                message += 'ов';
            }
            return message;
        },
        inputTooShort: function (args) {
            var remainingChars = args.minimum - args.input.length;

            var message = 'Пожалуйста, введите ' + remainingChars + ' или более символов';

            return message;
        },
        loadingMore: function () {
            return 'Загружаем ещё ресурсы…';
        },
        maximumSelected: function (args) {
            var message = 'Вы можете выбрать ' + args.maximum + ' элемент';

            if (args.maximum  >= 2 && args.maximum <= 4) {
                message += 'а';
            } else if (args.maximum >= 5) {
                message += 'ов';
            }

            return message;
        },
        noResults: function () {
          return 'Ничего не найдено';
        },
        searching: function () {
          return 'Поиск…';
        }
    };
});

设置选项

$(".js-basic-multiple").select2({
    language: "ru"
});

Answer 3

CDN脚本：

<script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/i18n/[culture-name].js"></script>

Answer 4

如果使用Webpack，则可以设置默认语言（例如法语）：

require('select2');
$.fn.select2.amd.define('select2/i18n/fr',[],require("select2/src/js/select2/i18n/fr"));

Answer 5

除了@SummerRain 的回答之外，如果您已将语言文件加载到您的页面中，您可以使用以下方式为所有 select2 设置默认语言，而不是一一设置。

$.fn.select2.defaults.set("language", $.fn.select2.amd.require("select2/i18n/fr"));

select2 使用 amd 来定义其依赖项，正如您在 $.fn.select2.amd 中看到的那样。 “select2/i18n/fr”是法语语言定义的 amd 模块名称。

设置语言不起作用select2

5 个答案: