Question

我正在尝试使用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中运行。

Answer 1

我认为select中定义的类是错误的。

应该是：chzn-select

所以你的代码应该是：

<select name='aaaaa' class="chzn-select" id='aaaaa'>

Answer 2

尝试使用firebug控制台查看js或css文件是否有任何错误。

Answer 3

将firefox用户代理更改为iPhone的用户代理时，我遇到了类似的问题。在这种情况下，选择未呈现，浏览器将显示默认选择。

Answer 4

我相信我回复的时间很晚，但是你选择的脚本标签没有正确关闭，而select的类应该按照你的jquery代码

jQuery选择不起作用

4 个答案: