gpt4 book ai didi

jquery - 如何在我的 html 文件中使用 Chosen jQuery?

转载 作者:技术小花猫 更新时间:2023-10-29 12:14:12 24 4
gpt4 key购买 nike

如何在我的 html 页面中应用 Chosen jQuery?

我有一个 select形式,所以我需要使用 multiple select由选择使其看起来更加用户友好。

<select class="chosen" multiple="true" name="faculty">
<option value="AC">A</option>
<option value="AD">B</option>
<option value="AM">C</option>
<option value="AP">D</option>
</select>

我已下载文件并将其复制到我的网页文件夹中。

所以,我所做的是包含 chosen.jquery.min.js<head> :

<script type="text/javascript" src="chosen/chosen.jquery.min.js"></script>

指令说调用所选插件:$(".chzn-select").chosen();

我不知道将 JavaScript 语句放在哪里才能调用 Chosen 多选。我以为这就像使用 Bootstrap 一样简单,哈哈。有什么帮助吗?

最佳答案

您的 select 必须具有 chzn-select 类,通常您会在页面加载后运行脚本,如下所示:

$(function() {
$(".chzn-select").chosen();
});

下面是一个经过测试的工作示例:

<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css">
</head>
<body>

<script type="text/javascript">
$(function() {
$(".chzn-select").chosen();
});
</script>

<select class="chzn-select" multiple="true" name="faculty" style="width:200px;">
<option value="AC">A</option>
<option value="AD">B</option>
<option value="AM">C</option>
<option value="AP">D</option>
</select>


</body>
</html>

关于jquery - 如何在我的 html 文件中使用 Chosen jQuery?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13939369/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com