自定义下拉选框 多选

//多选下拉选框

$('.mult-item-input').live('click', function () {

var num = Array();

var $ul = $(this).parents('ul');

var $multOpen = $ul.find('.select-mult-open');

var $multInput = $ul.find('input');

$multInput.each(function () {

if ($(this).is(':checked')) {

num.push($(this).attr('value'));

}

});

if (num == '') {

$multOpen.html('--请选择--');

} else {

$multOpen.html('已选中<i>' + num.length + '</i>项');

}

num = num.join();

$ul.attr('value', num);

});

$(window).click(function (event) {

var className = event.target.className;

var $selectMultList = $('.select-mult-list');

switch (className) {

case 'select-mult-open':

$selectMultList.hide();

var ul = $(event.target.parentNode);

ul.find('.select-mult-list').show();

ul.addClass('select-zindex');

break;

case 'mult-item':

var ul = $(event.target.parentNode.parentNode);

ul.find($selectMultList).show();

ul.addClass('select-zindex');

break;

case 'mult-item-input':

var ul = $(event.target.parentNode.parentNode);

ul.find($selectMultList).show();

ul.addClass('select-zindex');

break;

default:

$selectMultList.hide();

$('.select-mult').removeClass('select-zindex');

break;

}

});

猜你喜欢