jquery-ui-chosen

最新推荐文章于 2025-08-13 21:05:35 发布

weixin_30724853

最新推荐文章于 2025-08-13 21:05:35 发布

阅读量112

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ui ViewUI

原文链接：http://www.cnblogs.com/cyany/p/7248743.html

本文介绍 Chosen 插件，用于美化 HTML 下拉菜单控件，支持多种现代浏览器。通过简单的代码示例展示如何使用 Chosen 设置下拉菜单的样式及功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用法整理

下载地址：https://github.com/harvesthq/chosen/releases/tag/v1.7.0
文档地址：https://harvesthq.github.io/chosen/options.html
demo地址：https://harvesthq.github.io/chosen/
能实现的功能是让下拉菜单控件变得美观
浏览器支持基本所有现代浏览器，移动端不支持
更多样式案例看文档

需要文件：chosen.css,jquery.js.chosen.js

      demo:   <select data-placeholder="Choose a country..." class="my_select_box chosen-rtl">
  <option>sdjasjdk</option>
  <option>sdjasjdk</option>
  <option>sdjasjdk</option>
  <option>sdjasjdk</option>

                    $(".my_select_box").chosen({
                                                          disable_search_threshold: 10,
                                                          no_results_text: "Oops, nothing found!",
                                                           width: "15%"
                                        });

转载于:https://www.cnblogs.com/cyany/p/7248743.html