/** * selectFilter --v1.1 * * author: 840399345@qq.com * * $(el).selectFilter(options); * * options={ * callBack : function (res){} // 返回选中的值 进行事件操作 * } * * 也可以放在表单直接获取 select标签的 值 * **/ ;jQuery.fn.selectFilter = function (options){ var defaults = { callBack : function (res){} }; var ops = $.extend({}, defaults, options); var selectList = $(this).find('select option'); var that = this; var html = ''; // 读取select 标签的值 html += ''; $(that).append(html); $(that).find('select').hide(); //点击选择 $(that).on('click', '.filter-text', function (){ $(that).find('.filter-list').slideToggle(100); $(that).find('.filter-list').toggleClass('filter-open'); $(that).find('.icon-filter-arrow').toggleClass('filter-show'); }); //点击选择列表 $(that).find('.filter-list li').not('.filter-disabled').on('click', function (){ var val = $(this).data('value'); var valText = $(this).find('a').html(); $(that).find('.filter-title').val(valText); $(that).find('.icon-filter-arrow').toggleClass('filter-show'); $(this).addClass('filter-selected').siblings().removeClass('filter-selected'); $(this).parent().slideToggle(50); for(var i=0; i