Home / Questions / 11299
Accepted
Alan
Asked: 2020-05-30 10:15:34 +0800 CST 2020-05-30 10:15:34 +0800 CST

How to change the language to Spanish of the Select2 plugin?

  • 772

I would like to know how I could change the language of select2, at the moment when it does not find results it shows me this message.

No matches found

https://select2.github.io/ ... this is the plugin page but at the moment I haven't found anything that shows me clearly how to do it. Thank you very much in advance

javascript

2 Answers

  1. Best Answer

    You can do it in two ways:

    Pass the parameters you want directly to the function select2:

    $('select').select2({    
  language: {

    noResults: function() {

      return "No hay resultado";        
    },
    searching: function() {

      return "Buscando..";
    }
  }
});
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>   

  
<select style="width:200px;" class="js-example-basic-multiple" multiple="multiple">
    <option value="AL">Alabama</option>
    <option value="WY">Wyoming</option>
</select>

    or use the language library in your case in Spanish:

    $.fn.select2.defaults.set('language', 'es');

$('select').select2();
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>

<!-- Libreria español -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/i18n/es.js"></script>
  
<select style="width:200px;" class="js-example-basic-multiple" multiple="multiple">
    <option value="AL">Alabama</option>
    <option value="WY">Wyoming</option>
</select>

    Remember that you have to put the language change function before you startselect2

    • 9

  2. After loading the spanish library you can put the pseudo tag lang="es"

    <!-- Libreria español -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/i18n/es.js"></script>  

<select style="width:200px;" class="js-example-basic-multiple" multiple="multiple" lang="es">
    <option value="AL">Alabama</option>
    <option value="WY">Wyoming</option>
</select>
    • 1