为什么引导多选不加载任何内容答案

【问题标题】：Why bootstrap multiselect does not load anything为什么引导多选不加载任何内容
【发布时间】：2015-11-13 05:15:22
【问题描述】：

我有一个带有选择选项标签的简单表单，我正在尝试使用引导多选设置它的样式。不幸的是，似乎没有加载引导多选或其他东西......我得到的只是经典的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>

有人可以帮帮我吗？我在这里做错了什么？

【问题讨论】：

也许您应该在加载bootstrap-multiselect 脚本之前加载bootstrap 库。
为什么你的脚本代码放在body之后？

标签： jquery twitter-bootstrap bootstrap-multiselect

【解决方案1】：

我在这里做错了什么？

您正在包含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>

【讨论】：

【解决方案2】：

检查一下！！

<select class="multiselect" name = "coloaneselect[]" multiple="multiple" >

【讨论】：