Передайте больше атрибутов в сгенерированный элемент select2 - PullRequest
Новая
       11

Передайте больше атрибутов в сгенерированный элемент select2

0 голосов
/ 11 мая 2018

Я использую библиотеку select2, как показано ниже: 

<select class="js-example-basic-single;" id="countries_list" name=""></select>


countries_list = [];
for (var property in datamap.options.data) {
     countries_list.push(datamap.options.data[property]['country']);
}
$("#countries_list").select2({
   data: countries_list.sort(),
 });

Это прекрасно работает, но мне нужно также передать и некоторые другие атрибуты. Например имя параметра. Как я могу сделать это с помощью select2?

1 Ответ

0 голосов
/ 11 мая 2018

Если вы установите значения countries_list в формате id и текста как inputdata данные в следующем решении, вы можете достичь этого.

Output

var inputdata = [
    {
        id: 0,
        text: 'enhancement'
    },
    {
        id: 1,
        text: 'bug'
    },
    {
        id: 2,
        text: 'duplicate'
    },
    {
        id: 3,
        text: 'invalid'
    },
    {
        id: 4,
        text: 'wontfix'
    }
];

$(document).ready(function() {
    $('.js-example-basic-single').select2({
       tags: "true",
       placeholder: "Pick one",
       allowClear: true,
       data: inputdata 
   });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.min.css" rel="stylesheet"/>
<select class="js-example-basic-single" >
</select>
...