Javascript多选插件不工作
我正在使用以下插件,但我不知道为什么它不工作。下面是我下面的代码以及它所显示的内容Javascript多选插件不工作,javascript,jquery,jquery-chosen,Javascript,Jquery,Jquery Chosen,我正在使用以下插件,但我不知道为什么它不工作。下面是我下面的代码以及它所显示的内容 <html lang="en"> <head> <meta charset="utf-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script> <link rel="s
<html lang="en">
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="chosen.jquery.css" />
<script type="text/javascript" src="chosen.jquery.min.js"></script>
<script type="text/javascript" src="chosen.jquery.js"></script>
<script type="text/javascript">
$(".chosen-select").chosen();
</script>
</head>
<body>
<select style="width:350px;" multiple class="chosen-select">
<option value=""></option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
<option value="5">Option 5</option>
<option value="6">Option 6</option>
<option value="7">Option 7</option>
<option value="8">Option 8</option>
<option value="9">Option 9</option>
<option value="10">Option 10</option>
</select>
</body>
</html>
$(“.choosed select”).choosed();
选择1
选择2
选择3
选择4
备选案文5
备选案文6
备选案文7
备选案文8
备选案文9
选择10
在加载DOM内容之前,您正在调用所选的
插件。在身体底部移动下面的代码,你就可以开始了
<script type="text/javascript">
$(".chosen-select").chosen();
</script>
$(“.choosed select”).choosed();
Put$(“.selected select”).selected()在之后选择元素,或者在准备就绪时运行它
$(function() {
$(".chosen-select").chosen();
});