郁闷吧 微信小程序 4188479 63242849 39070147 130690866
还没有任何记录...

懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

懒人建站提供网页素材下载、网站模板
这一切都是免费的!
当前位置:懒人建站 > javascript > jquery插件 >

html select美化模拟jquery插件select2.js

来源:懒人建站 作者: select2 日期:2015-03-30 人气:
select2.js是一个html select美化模拟类jquery插件,但是select2.js又远非简单的模拟美化那么简单,它还具有搜索功能,多选功能(可限制选择数量),ajax方式加载数据,可以设置placeholder,
select2.js是一个html select美化模拟类jquery插件,但是select2.js又远非简单的模拟美化那么简单,它还具有搜索功能,多选功能(可限制选择数量),ajax方式加载数据,可以设置placeholder,
可以设置禁用状态disabled,并且设置非常简单,如:$(".js-example-disabled").prop("disabled", false);

select2.js默认值设置:$("#select2").val("1").trigger("change");  多选的默认值可以使用$("#select2").val(["1","2"]).trigger("change");  这样传递数组过去。

select2还有丰富的自定义事件
$("#select2").on("select2:open", function (e) { log("select2:open", e); });
$("#select2").on("select2:close", function (e) { log("select2:close", e); });
$("#select2").on("select2:select", function (e) { log("select2:select", e); });
$("#select2").on("select2:unselect", function (e) { log("select2:unselect", e); });
$("#select2").on("change", function (e) { log("change"); });

更多丰富的select2用法请参考https://select2.github.io/examples.html,懒人建站也会在稍后给出实际应用中的一些例子,和一些方便调用的小花招。

select2小花招:自己定义当前选中的selected值,我们在select2的节点上给出一个<select class="test1" data-selected="2"> 看红色部分,然后我们就可以在设置选中值得时候就可以使用如下js代码
$("#select2").val(function(){
                  return $(this).data("selected")
              }).trigger("change");

利用val()接收一个函数,而且可以利用 this

本文链接:html select美化模拟jquery插件select2.jshttp://www.51xuediannao.com/js/jquery/select2.html

(责任编辑:懒人建站)

html select美化模拟jquery插件select2.js由懒人建站收集整理,您可以自由传播,请主动带上本文链接

web前端开发就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
  • 一手货源
    2017-01-12 23:27:55发表

    A货货源、顶级A货、外贸高仿 加微:LoveMeJck

  • jRJbb
    2016-12-11 00:19:05发表

    万 部 A 片高清 国产 日韩 hTTp://uVU.cc/inRx

  • SPvix
    2016-12-05 07:26:14发表

    万 部 A 片高清 国产 日韩 hTTp://uVU.cc/inRx

  • BYuqy
    2016-11-26 02:03:42发表

    万 部 A 片高清 国产 日韩 hTTp://uVU.cc/inRx

  • tlNeI
    2016-11-18 14:14:27发表

    快来看!这个爽/啊,/男/人/都/喜/欢/,哇:,htTP://uVU.Cc/iqVp

  • kOFmX
    2016-10-19 08:00:28发表

    全都到碗里来 !美臀/丝袜/美熟女乱伦精品大合集 !!!【 v.ht/7UrM 】

  • OxuTN
    2016-09-21 18:29:10发表

    精彩大片你懂,htTP://uVU.Cc/ijW7

  • nFIES
    2016-09-06 22:09:37发表

    这个更刺j激,准备好手纸哦 A 片。。 hTTp://uVU.cc/ih8a

  • 白菜前端
    2016-02-19 16:54:01发表

    完全可以,你可以使用下面的 自定义实现 呀,$(#select2).on(select2:select, function (e) { console.log(select2:select, e); });比如我就用这个自定义事件实现移除验证

  • 小崔
    2015-11-02 16:14:57发表

    下载的没有demo

  • 淹慕参05
    2015-10-29 14:58:17发表

    [赞啊]

  • 雪糕妹妹
    2015-10-10 11:12:14发表

    把一切平凡的事做好即不平凡,把一切简单的事做好即不简单。

  • 爱奇趣分享网
    2015-09-12 16:39:34发表

    不错 学习了!

  • 最美遇见你
    2015-07-02 10:06:38发表

    可不可以选中下拉框之后把其他的输入框清空的

  • Jquery特效
    2015-04-05 10:07:55发表

    select2.js是一个html select美化模拟类jquery插件,但是select2.js又远非简单的模拟美化那么简单,它还具有搜索功能,多选功能(可限制选择数量),ajax方式加