jQuery+css3下拉选择框

所属分类：输入-选择框

57890 399 查看评论 (36)

分享到微信朋友圈

查看演示立即下载

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

3D立体旋转jquery幻灯片

简单地倒计时

jQuery自定义下拉框插件dropdown.js

jquery.down.js用于替代原生，可自定义down的样式，支持键盘事件

选择框

30133 309

手机端省市县三级联动

jQuery手机端省市县联动

选择框

30976 343

jQuery城市下拉选择

jQuery下拉方式选择城市,带搜索、单选、多选。

选择框

50512 370

移动端pc端地区选择插件

兼容移动端的地区选择插件

选择框

39351 334

讨论这个项目（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");
        })
    });
});