jQuery 插件 Chosen实现可检索

以下是一个简单的例子，展示如何使用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实现可检索

评论已关闭

推荐阅读