Как установить JQuery select2?

-3

я пытался установить и использовать ВЫБ.2 для моего раскрывающегося списка, но я просто не могу заставить его работать, я попытался следующие, что документировано здесь: how to use select2 bootstrap , но до сих пор не получил никакой удачи вот мой код:Как установить JQuery select2?

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.css"> 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/select2-bootstrap-css/1.4.6/select2-bootstrap.css"> 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.css"> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script> 

<body> 
<script> 

$("#disease").select2({ 
    allowClear:true, 
    placeholder: 'Search for a disease' 
}); 
</script> 
<select id="disease" style="width: 40%; position: relative;top: 220px; left: 182px; " name="tdisease" > 
         <option value="">Select Disease</option> 
         <?php while ($row=$result->fetch_array(MYSQLI_ASSOC)) { ?> 
         <option value="<?php echo $row['ICD10']?>"><?php echo $row['diagnosis'];?> </option> 
        <?php } ?> 
        </select> 

</body>

источник

2017-02-17 Morena

Где ваши select2.js? –

Какие ошибки вы получаете? Где вы загружаете jQuery и select2? – j08691

Я сделал jsfiddle, и ваш код (с некоторыми исправлениями) работает нормально. Почему вы добавили 'select2.css' дважды? – pmirnd

Вам необходимо установить jQuery - убедитесь, что вы разместили его перед файлами Select2.

Ваш код должен выглядеть следующим образом:

<html> 
     <head> 
     <meta charset="utf-8"> 
     <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.css"> 
     <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/select2-bootstrap-css/1.4.6/select2-bootstrap.css"> 
     <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.css"> 
     </head> 
     <body> 

     <select id="disease" style="width: 40%; position: relative;top: 220px; left: 182px; " name="tdisease" > 
      <option value="">Select Disease</option> 
      <?php while ($row=$result->fetch_array(MYSQLI_ASSOC)) { ?> 
       <option value="<?php echo $row['ICD10']?>"><?php echo $row['diagnosis'];?> </option> 
      <?php } ?> 
     </select> 

     <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script> 
     <script> 
     $(document).ready(function(){ 
      $("#disease").select2({ 
      allowClear:true, 
      placeholder: 'Search for a disease' 
      }); 
     }) 
     </script> 

     </body> 
    </html>

источник

2017-02-17 17:49:48 dylankbuckley

спасибо, его работа как шарм сейчас – Morena

Включить jquery.js скрипт

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

И поместите ВЫБ.2 вызов в document.ready, как показано ниже

$(document).ready(function(){ 
     $("#disease").select2({ 
      allowClear:true,  
      placeholder: 'Search for a disease' 
     }); 
});

источник

2017-02-17 17:47:03

спасибо, что это сработало слишком – Morena

ответ

Смежные вопросы