jQuery+css3下拉选择框

所属分类：输入-选择框

58665 399 查看评论 (36)

分享到微信朋友圈

查看演示立即下载

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

3D立体旋转jquery幻灯片

简单地倒计时

jQuery商品发布三级联动菜单代码

jQuery商品发布三级联动菜单代码是一款点击输入框弹出联动菜单，购物商城或者分类比较多的网站经常用到的产品商品分类选择联动菜单js代码。

选择框

39801 408

jq模拟下拉省市区三级联动插件

jq模拟下拉的省市区三级联动插件，完美兼容在ie下显示select的不友好ui，数据完整可直接使用

选择框

61959 444

jQuery模拟多选框(checkbox)

选择框

38761 359

双向选择表格（支持IE8及以上）

双向选择表格，支持自定义查询条件（支持下拉框）、自定义表头和数据格式（表格支持链接）、单选全选、选择事件、动态修改数据等功能，具体可以查看示例

选择框

18542 197

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