jQuery Select2 не отображается - PullRequest
Новая
       7

jQuery Select2 не отображается

0 голосов
/ 19 октября 2019

Я пытаюсь использовать select2 . Я добавил CSS и JS для select2, используя приведенный ниже код. 

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.11/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.11/js/select2.min.js"></script>

Я использую ниже JS Code на моей HTML-странице. 

<script>
    $(document).ready(function() {
        $('.js-example-basic-multiple').select2({
            placeholder: 'Select an option'
        });
    });
</script>

Мой HTML похож на ниже 

<select class="js-example-basic-multiple" multiple="multiple">
    <option value="example1">example1</option>
    <option value="example2">example2</option>
    <option value="example3">example3</option>
    <option value="example4">example4</option>
    <option value="example5">example5</option>
    <option value="example6">example6</option>
</select>

Я использую ссылку ниже jQuery 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

Но я получаю вывод, как показано ниже

enter image description here

1 Ответ

1 голос
/ 19 октября 2019

Я исправил ваш код, пожалуйста, проверьте его. 

$('#example').select2({
    placeholder: 'Select an option'
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="https://rawgit.com/select2/select2/master/dist/js/select2.js"></script>

<link href="https://rawgit.com/select2/select2/master/dist/css/select2.min.css" rel="stylesheet" />



<select id="example" multiple="multiple" style="width: 300px">
   <option value="example1">example1</option>
    <option value="example2">example2</option>
    <option value="example3">example3</option>
    <option value="example4">example4</option>
    <option value="example5">example5</option>
    <option value="example6">example6</option>
</select>
...