Почему bootstrap multiselect ничего не загружает

У меня есть эта простая форма с тегом опции выбора, и я пытаюсь создать ее с помощью множественного выбора начальной загрузки. К сожалению, похоже, что мультиселектор начальной загрузки не загружен или что-то еще... Все, что я получаю, - это классическое окно выбора html...

Вот мой код:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="CSS/main.css" rel="stylesheet" type="text/css" />
<link href="CSS/bootstrap-multiselect.css" rel="stylesheet" type="text/css" />
<link href="CSS/bootstrap-3.3.2.min.css" rel="stylesheet" type="text/css" />
<link href="CSS/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
<link href="CSS/prettify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="JS/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="JS/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="JS/bootstrap-3.3.2.min.js"></script> 
<script type="text/javascript" src="JS/prettify.js"></script> 
<script type="text/javascript" src="JS/main.js"></script> 

</head>

<body>

<div>

<form id="tablefilterselect"  method="POST" action="http://localhost/admincrud/php/tablefilterview.php">
<br><br><br>
Select columns: <br><br>

<select class="multiselect" name = "coloaneselect" multiple="multiple" >
 <option value="cheese">Cheese</option>
    <option value="tomatoes">Tomatoes</option>
    <option value="mozarella">Mozzarella</option>
    <option value="mushrooms">Mushrooms</option>
    <option value="pepperoni">Pepperoni</option>
    <option value="onions">Onions</option>
</select>

<br><br>
<input name="customtablesubmit" type="submit" value="Submit">
</form>

</div>
</body>
<script type="text/javascript">
    $(document).ready(function() {
        $('#coloaneselect').multiselect({

            includeSelectAllOption: true,
            enableFiltering: true

        });
    });
</script>

Может ли кто-нибудь помочь мне? Что я здесь делаю неправильно?


jquery twitter-bootstrap bootstrap-multiselect
person Nelutu Budai    schedule 19.08.2015    source источник
comment
Возможно, вам следует загрузить библиотеку bootstrap перед загрузкой сценария bootstrap-multiselect.   -  person Sparky    schedule 19.08.2015
comment
Почему код вашего скрипта помещен после body?   -  person Artur Filipiak    schedule 19.08.2015

Ответы (2)


arrow_upward
5
arrow_downward

Что я здесь делаю неправильно?

Вы включаете скрипт bootstrap-multiselect до загрузки bootstrap.

<script type="text/javascript" src="JS/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="JS/bootstrap-3.3.2.min.js"></script>

Убедитесь, что вы включили bootstrap в первую очередь...

<script type="text/javascript" src="JS/bootstrap-3.3.2.min.js"></script> 
<script type="text/javascript" src="JS/bootstrap-multiselect.js"></script>

Кроме того, у вас есть блок <script></script> в качестве брата раздела <body></body>. Блок <script> может быть размещен как потомок только в секции <head> или <body>.

<html>

    <head>
        ....
    </head>

    <body>
        ....
        <script>
            ....
        </script>
    </body>

</html>
person Sparky    schedule 19.08.2015

arrow_upward
0
arrow_downward

Проверь это!!

<select class="multiselect" name = "coloaneselect[]" multiple="multiple" >
person Farid Vatani    schedule 29.07.2018