jQuery 插件 Chosen实现可检索

作者：System 时间：2024年08月24日分类：所有,jquery 字数：694

这篇文章距离上次修改已过223天，其中的内容可能已经有所变动。

以下是一个简单的例子，展示如何使用jQuery Chosen插件来创建一个可检索的下拉列表：

首先，确保你的页面中包含了jQuery库和Chosen插件的CSS和JavaScript文件。

<link rel="stylesheet" href="path/to/chosen.min.css" />
<script src="path/to/jquery.min.js"></script>
<script src="path/to/chosen.jquery.min.js"></script>

在HTML中添加一个普通的<select>元素。

<select data-placeholder="选择一项..." class="my-chosen-select">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
  <!-- 更多选项 -->
</select>

使用jQuery初始化Chosen插件。

$(document).ready(function() {
  $('.my-chosen-select').chosen();
});

当页面加载完成后，这段代码会将<select>元素转换为一个可检索的下拉列表。用户可以输入来过滤和选择选项。

jQuery 插件 Chosen实现可检索

评论已关闭

推荐阅读