我正在尝试使用 jQuery selected() 插件来设计一个选择表单字段，但它不起作用。这是我的 HTML 代码：
<label for='aaaaa'>First option or "Second option":</label>
<select name='aaaaa' class="chosen" id='aaaaa'>
<option>First option</option>
<option>"Second option"</option>
</select><br>
这是我的 .js 代码：
$('.chosen').chosen();
这是我的 JavaScript 导入：
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="https://raw.github.com/harvesthq/chosen/master/chosen/chosen.jquery.js"</script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.tabs.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.form.js"></script>
<script type="text/javascript" src="../../js/jQuery.layout/jquery.layout.min.js"></script>
<script type="text/javascript" src="../../js/control_panel/controlpanel.js"></script>
这是我的 CSS 导入：
<link rel="stylesheet" type="text/css" media="screen" href="../../css/jQueryui/cupertino/jquery-ui-1.8.5.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="../../jquery.jqGrid-3.8.2/css/ui.jqgrid.css" />
<link rel="stylesheet" href="../../css/site.css" type="text/css" />
<link rel="stylesheet" href="https://raw.github.com/harvesthq/chosen/master/chosen/chosen.css" type="text/css" media="Screen" />
<link rel="icon" href="../../images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="../../images/favicon.ico" type="image/x-icon" />
我没有关于它如何在屏幕上显示的图片，但我可以描述它。有五行：
- 第一个选项或“第二个选项”
- 第一个选项（蓝色和下划线，看起来像一个 html 链接）
- （看起来像一个文本输入字段）
- 第一个选项（纯文本，前面有一个项目符号点，如
- 元素
- “第二个选项”（同样是纯文本，前面有一个项目符号点，就像
- 元素）
在 Mozilla Firefox 中运行。