jQuery+css3下拉选择框

所属分类：输入-选择框

58761 399 查看评论 (36)

分享到微信朋友圈

查看演示立即下载

插件描述：下拉选择，动画效果

3D立体旋转jquery幻灯片

简单地倒计时

jQuery省市三级联动

jQuery省市三级联动(20171115最新全国行政三级联动)

选择框

39648 328

jQuery世界主要国家和地区联动

世界主要国家地区三级联动选择

选择框

27950 323

vue 城市下拉模拟组件Citypicker

基于vue开发的城市模拟下拉组件

选择框

43669 385

讨论这个项目（36）回答他人问题或分享插件使用方法奖励jQ币评论用户自律公约

404NotFound 0

2024/1/16 10:16:02

相遇?光… 0

2019/8/29 17:51:19

Show0

2019/8/29 17:56:42

移动端都支持，pc没试过

豌豆 1

2019/7/19 9:43:10

js稍微优化了一下，作者的JS不能多个一起使用

$(function() {
    $(".select").each(function() {
        var f_this = $(this);
        var _p = f_this.children('p')
        $(this).children().click(function(e) {
            f_this.toggleClass('open').prev().removeClass("open");
            e.stopPropagation();
        });
        $(this).find('li').click(function(e) {
            var _this = $(this);
            _p.text(_this.attr('data-value'));
            _this.addClass("Selected").siblings().removeClass("Selected");
            $(".select").removeClass("open");
            e.stopPropagation();
        });
        $(document).on('click', function() {
            $(".select").removeClass("open");
        })
    });
});