[英] 推荐 15 个 jQuery 选择框插件

jQuery Selectbox Plugins let you create beautiful and eye catching select box for your websites instead of the orthodox html select box which looks old and boring. This gallery includes 15 jQuery SelectBox Plugins which can be used to enhance any website layout. Following plugins are easy to use and you can integrate them into your web applications with less or no endeavours, I hope you will find the list handy and useful for your next web projects. Enjoy !!

1. FancySelect


FancySelect is a better select for discerning web developers everywhere and it is easy to use.

2. Bootstrap Select


Bootstrap Select is a custom select / multiselect for Bootstrapusing button dropdown, designed to behave like regular Bootstrap selects.

3. Chosen


Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.

4. Select 2


Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results. Select2 provides the ability to add results from the search term entered by the user, which allows it to be used for tagging.

5. SelectBoxit


SelectBoxIt allows you to replace ugly and hard to use HTML select boxes with gorgeous and feature rich drop downs. Twitter Bootstrap, jQueryUI and jQuery Mobile themes are supported right out of the box. SelectBoxIt also provides first-class support for mobile, tablet, and desktop browsers, triggering the native “wheel” interface for mobile and tablet devices.

6. GentleSelect


gentleSelect is a jQuery plugin for transforming select boxes into a skinnable alternative. The selection list can be rendered with multiple columns/rows to present larger datasets in a more manageable format. It recognizes the multiple attribute on select boxes and does the right thing automatically.

7. HeapBox


HeapBox is plugin for jQuery that replace native HTML selectboxes in your webpages. HeapBox supports themes, events, callbacks, ajax and much more.

8. Selectify


Selectify is a jQuery plugin that turns select element into a stylable and customizable element. The element can receive focus and blur. When focussed, all key strokes for selecting elements will work including browsing by pressing the up and down keys.

9. SumoSelect


SumoSelect is a jQuery single/multi select plugin which can be used on almost any device. It can be fully customizable using simple css properties.

10. jQuery Select Plugin


jQuery Select is a simple jQuery plugin to allow for custom styling of select elements. This plugin takes a look at select boxes that match the selector you provide, and will add in a label after matching select boxes. It will also add some classes to these elements for the purposes of styling.

11. Selectric


Selectric is a jQuery plugin designed to help at stylizing and manipulating HTML selects.

12. Selectator


Selectator is a jQuery-based replacement for select boxes. It supports searching, and affects the original select box directly, which is used as the data container.

13. Flexselect


Flexselect is a jQuery plugin that turns regular select boxes into Quicksilver-like, flex-matching, incremental-finding controls.

14. Bselect


bselect is the select decorator component that was missing for Bootstrap.

15. Zelect


Zelect is a jQuery plugin to create custom select elements.

时间: 2024-08-01 13:04:46

[英] 推荐 15 个 jQuery 选择框插件的相关文章

推荐几款jquery图片切换插件

一.前言 毕业季到了,大家都在匆匆忙忙的记录大学里最美好的时光,照片中各种花式.各种姿势都涌现出来了.这么多的照片怎么展示出来给自己的好友看呢?有人选择做成视频,有人选择ps之后做成图片集,而我选择利用静态网页的形式进行展示. 二.用到的四个免费的jquery插件 注:都是网上免费的,自己测试过了,挺好用的,顺便改了改. 1.3D Change 下载地址:https://github.com/hjzgg/picture_show/tree/master/3D_change 效果展示 2.Samp

Bootstrap系列 -- 15. 下拉选择框select

Bootstrap框架中的下拉选择框使用和原始的一致,多行选择设置multiple属性的值为multiple.Bootstrap框架会为这些元素提供统一的样式风格 <form role="form"> <div class="form-group"> <select class="form-control"> <option>1</option> <option>2</

jQuery 选择框 Selectator

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%@ page import="com.ule.web.util.Constants"%> <%@ page import="com.ule.framework.common.ItemConstants"%> <!DOCTYPE html PUBLIC &q

推荐一款JQuery星形评级插件

jRating 是一个非常灵活的jQuery插件用于快速创建一个Ajax星型投票系统.可以设置星型数量和小数支持.功能很强大,具体大家可以看一下这个插件的js代码就知道了,下面这里演示一下这个插件有哪些功能与具体如何实现.偃师市一中 Exemple 1 (Basic exemple without options) : <!-- JS to add --> <script type="text/javascript"> $(document).ready(fun

自己写的jquery 弹框插件

html部分 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <script src="jquery/jquery-1.8.2.min.js"></script> <script src="jquery/yuanBox.min.js"></script>

Tipso – 轻巧的jQuery提示框插件

Tooltip(提示框)是一种常见的效果,它通常用在需要进一步解释.说明或提示的某个词上.这种小效果实现起来虽然不难,但如果你想不劳而获,可以试试 Tipso. Tipso 基于 jQuery,提供了很多配置,如: 显示动画持续时间 背景颜色 文本颜色 显示位置(上/右/下/左) 宽度 偏移 加载 ajax 内容 回调函数 使用方法 1.引入文件 <link rel="stylesheet" href="css/tipso.css"> <scrip

jquery选择框属性prop()方法

$("checkAll").click(function(){ if($("#checkAll").is(":checked")){ $("[name = items]:checkbox").attr("checked",true);  }else{   $("[name = items]:checkbox").attr("checked",false); } });

左右选择框 js插件

随着项目的进展,测试工程师在更多的浏览器中兼容性测试中,发现有些浏览器不支持option的触发事件,这就造成了先前一篇博文bootstrap 左右框多项选择示例 中左右选择框的失效,于是我就由原先的select-option结构 改成了 现在的 ul-li 结构,并写成了js插件的形式,方便以后调用和修改,并在多个浏览器测试中得到验证: 实现的页面如下: jsp页面的修改如下: 1 <div id="province_dchannel"> 2 <div class=&

推荐15款最佳的 jQuery 分布引导插件

当用户浏览到一个网站,它可能从不知道如何浏览,如何操作网站或 Web 应用程序的内容和流程.在这篇文章中,我们编制了一些最好的 jQuery 引导插件列表.你会发现这些插件对于提高你的网站的整体用户体验真正有用,将引导您轻松创建网站的指引功能,并帮助您自定义并实现令人惊叹的外观. 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码