селектор выбора начальной загрузки не показывает опции - PullRequest
Новая
       7

селектор выбора начальной загрузки не показывает опции

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

Я пытаюсь использовать селектор выбора начальной загрузки, чтобы использовать выбираемый список с полем поиска вверху. Но не работает, как ожидалось: 

   <select class="selectpicker form-control" data-live-search="true" multiple data-max-options="1">
                  <option data-tokens="ketchup mustard">GasSanto</option>
                  <option data-tokens="mustard">TeixeiraeSantos</option>
                  <option data-tokens="frosting">Gavedra</option>
                </select>

Но в браузере это выглядит так

enter image description here

Я загружаю необходимые файлы следующим образом: 

<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet" type="text/css"/>
<link href="{% static 'css/bootstrap-select.min.css' %}" rel="stylesheet"  type="text/css">




   <script src="{% static 'js/jquery.3.2.1.min.js' %}" type="text/javascript"></script>
   <script src="{% static 'js/bootstrap.min.js' %}" type="text/javascript"></script>
<script src="{% static 'js/bootstrap-select.js' %}" type="text/javascript"></script>

У меня они в курсе, в статической папке ..

1 Ответ

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

Ваш код должен работать, если вы установили правильный Jquery / Bootstrap. Смотрите пример ниже: 

<!DOCTYPE html>
<html lang="en">
   <head>
      <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
      <link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.3/css/bootstrap-select.min.css" rel="stylesheet"/>
   </head>
   <body>
      <div class="container">
         <select class="selectpicker form-control" data-live-search="true" multiple data-max-options="1">
            <option data-tokens="ketchup mustard">GasSanto</option>
            <option data-tokens="mustard">TeixeiraeSantos</option>
            <option data-tokens="frosting">Gavedra</option>
         </select>
      </div>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
      <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
      <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.3/js/bootstrap-select.min.js"></script>
   </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...