好用的自定义select下拉插件jQuery Selectric

所属分类:输入-选择框

 1691  17  查看评论 (0)
好用的自定义select下拉插件jQuery Selectric ie兼容7

使用方法

以下为页面必须要引入的js和css.

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="jquery.selectric.min.js"></script>
<link rel="stylesheet" href="selectric.css">

你的html:

<select>
    <option>北京市</option>
    <option>上海市</option>
    <option>南京市</option>
    <option>广州市</option>
</select>

你的js调用:

$(function() {
  $('select').selectric();
});
$('select').selectric('open');    // 展开
$('select').selectric('close');   // 关闭
$('select').selectric('destroy'); // 摧毁,不可用
$('select').selectric('refresh'); // 刷新
$('select').selectric('init');    // Reinitialize the plugin
// 或者可以这样...
var Selectric = $('select').data('selectric');
Selectric.open();    // 
Selectric.close();   // 
Selectric.destroy(); // 
Selectric.refresh(); // 
Selectric.init();
相关插件-选择框

jQuery地域选择(原创)

该插件为原创的三级地域选择,不同于原始的省市县级联菜单,该插件有很好的视觉效果
  选择框
 3783  8

简单的jQuery多选下拉框

单纯的写了一个 平常用到的下拉框
  选择框
 4103  15

仿去哪儿网城市选择

旅游网站可借鉴
  选择框
 16589  65

手机端省市县三级联动

jQuery手机端省市县联动
  选择框
 1656  14

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币

取消回复