1 jquery twitter-bootstrap 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>
请有人帮助我吗？我在这里做错了什么？
我在这里做错了什么？
您在加载之前包含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>
| 归档时间： |
|
| 查看次数： |
759 次 |
| 最近记录： |