无匹配项
'); - } else { - dl.find('.'+NONE).remove(); - } - }, 'keyup'); - - if(value === ''){ - dl.find('.'+NONE).remove(); - } - }; - - if(isSearch){ - input.on('keyup', search).on('blur', function(e){ - thatInput = input; - initValue = dl.find('.' + THIS).html(); - setTimeout(function(){ - notOption(input.val(), function(none){ - initValue || input.val(''); //none && !initValue - }, 'blur'); - }, 200); - }); - } - - //选择 - dds.on('click', function(){ - var othis = $(this), value = othis.attr('lay-value'); - var filter = select.attr('lay-filter'); //获取过滤器 - - if(othis.hasClass(DISABLED)) return false; - - if(othis.hasClass('layui-select-tips')){ - input.val(''); - } else { - input.val(othis.text()); - othis.addClass(THIS); - } - - othis.siblings().removeClass(THIS); - select.val(value).removeClass('layui-form-danger') - layui.event.call(this, MOD_NAME, 'select('+ filter +')', { - elem: select[0] - ,value: value - ,othis: reElem - }); - - hideDown(true); - return false; - }); - - reElem.find('dl>dt').on('click', function(e){ - return false; - }); - - //关闭下拉 - $(document).off('click', hide).on('click', hide); - } - - selects.each(function(index, select){ - var othis = $(this) - ,hasRender = othis.next('.'+CLASS) - ,disabled = this.disabled - ,value = select.value - ,selected = $(select.options[select.selectedIndex]) //获取当前选中项 - ,optionsFirst = select.options[0]; - - if(typeof othis.attr('lay-ignore') === 'string') return othis.show(); - - var isSearch = typeof othis.attr('lay-search') === 'string' - ,placeholder = optionsFirst ? ( - optionsFirst.value ? TIPS : (optionsFirst.innerHTML || TIPS) - ) : TIPS; - - //替代元素 - var reElem = $(['无匹配项
'); + } else { + dl.find('.' + NONE).remove(); + } + }, 'keyup'); + + if(value === '') { + dl.find('.' + NONE).remove(); + } + + followScroll(); //定位滚动条 + }; + + if(isSearch) { + if(isMulti) { + input.on('keyup', search) + } else { + input.on('keyup', search).on('blur', function(e) { + var selectedIndex = select[0].selectedIndex; + thatInput = input; //当前的 select 中的 input 元素 + var cur_option = $(select[0].options[selectedIndex]) + initValue = cur_option.attr('value') == '' ? '' : cur_option.html(); //重新获得初始选中值 + + //如果是第一项，且文本值等于 placeholder，则清空初始值 + if(selectedIndex === 0 && initValue === input.attr('placeholder')) { + initValue = ''; + }; + + setTimeout(function() { + notOption(input.val(), function(none) { + initValue || input.val(''); //none && !initValue + }, 'blur'); + }, 200); + }); + } + } + + //选择 + dds.on('click', function() { + var othis = $(this), + value = othis.attr('lay-value'); + var filter = select.attr('lay-filter'); //获取过滤器 + + if(othis.hasClass(DISABLED)) return false; + + if(isMulti) { + + var valueStr = select.val() || []; + if(othis.find("input[type='checkbox']").is(':checked')) { + if(omit) { + multiSelect.html(multiSelect.html() + "" + othis.find("span").text() + ""); + } else { + input.eq(0).val("已选择" + othis.parent().find('[type=checkbox]:checked').length + "条"); + } + valueStr.push(value); + } else { + if(omit) { + multiSelect.find("a").each(function() { + if($(this).find("span").attr('lay-value') == othis.attr('lay-value')) { + $(this).remove(); + valueStr.removeElem(value); + } + }) + } else { + var num = othis.parent().find('[type=checkbox]:checked').length; + if(num == 0) { + input.eq(0).val(""); + } else { + input.eq(0).val("已选择" + num + "条"); + } + valueStr.removeElem(value); + } + + } + select.val(valueStr).removeClass('layui-form-danger'); + layui.event.call(this, MOD_NAME, 'select(' + filter + ')', { + elem: select[0], + value: valueStr, + othis: reElem, + current_value: value + }); + that.hidePlaceholder(title, select); + } else { + if(othis.hasClass('layui-select-tips')) { + input.val(''); + } else { + input.val(othis.text()); + othis.addClass(THIS); + } + + othis.siblings().removeClass(THIS); + select.val(value).removeClass('layui-form-danger') + layui.event.call(this, MOD_NAME, 'select(' + filter + ')', { + elem: select[0], + value: value, + othis: reElem + }); + + hideDown(true); + } + return false; + }); + + reElem.find('dl>dt').on('click', function(e) { + return false; + }); + + dl.on('click', function(e) { + if(isMulti) { + e.stopPropagation(); + } + }); + + // 全选、取消、反选 + dl.find('.multiOption').on('click', function(e) { + switch($(this).data('value')) { + case 'all': + dl.find('[type=checkbox]:not(:checked)').prop('checked', true); + select.children('option[value!=""]').prop('selected', true) + handleMultiOption(); + break; + case 'none': + dl.find('[type=checkbox]:checked').prop('checked', false); + select.children('option[value!=""]').prop('selected', false); + handleMultiOption(); + break; + case 'inverse': + var checkedBox = dl.find('[type=checkbox]:checked'); + dl.find('[type=checkbox]:not(:checked)').prop('checked', true); + checkedBox.prop('checked', false) + + var selectedOption = select.children('option[value!=""]:not(:selected)') + select.children('option[value!=""]:selected').prop('selected', false) + selectedOption.prop('selected', true) + handleMultiOption(); + break; + } + + e.stopPropagation(); // 阻止事件冒泡，使下拉框长显示 + }); + + function handleMultiOption() { + form.render('checkbox'); + var valueStr = select.val() || [], + selectedOption = select.children('option:selected'), + filter = select.attr('lay-filter'); + if(omit) { + var options = []; + for(var i = 0; i < selectedOption.length; i++) { + options.push("" + selectedOption[i].text + ""); + } + multiSelect.find('a').remove(); + multiSelect.append(options.join('')); + } else { + input.eq(0).val(selectedOption.length == 0 ? "" : "已选择" + selectedOption.length + "条"); + } + + select.removeClass('layui-form-danger'); + layui.event.call(this, MOD_NAME, 'select(' + filter + ')', { + elem: select[0], + value: valueStr, + othis: reElem, + current_value: '' + }); + that.hidePlaceholder(title, select); + } + + //多选删除 + title.delegate(".multiSelect a i", "click", function(e) { + var valueStr = select.val() || []; + var _this = $(this); + e.stopPropagation(); + title.find("dd").each(function() { + if($(this).attr('lay-value') == _this.siblings("span").attr('lay-value')) { + $(this).find("input").removeAttr("checked"); + $(this).find(".layui-form-checkbox").removeClass("layui-form-checked"); + valueStr.removeElem($(this).attr("lay-value")); + select.val(valueStr); + layui.event.call(this, MOD_NAME, 'select(' + select.attr('lay-filter') + ')', { + elem: select[0], + value: valueStr, + othis: reElem, + current_value: _this.siblings("span").text() + }); + } + }); + $(this).parent("a").remove(); + that.hidePlaceholder(title, select); + }); + + $(document).off('click', hide).on('click', hide); //点击其它元素关闭 select + } + + selects.each(function(index, select) { + var othis = $(this), + hasRender = othis.next('.' + CLASS), + disabled = this.disabled, + selected = $(select.options[select.selectedIndex]), //获取当前选中项 + optionsFirst = select.options[0], + isMulti = typeof othis.attr('multiple') && typeof othis.attr('multiple') === 'string', + value = isMulti ? $(select).val() : select.value, + isTools = typeof othis.attr('lay-tools') == 'undefined' || othis.attr('lay-tools') != 'false'; + + if(typeof othis.attr('lay-ignore') === 'string') return othis.show(); + + var isSearch = typeof othis.attr('lay-search') === 'string', + placeholder = optionsFirst ? ( + optionsFirst.value ? TIPS : (optionsFirst.innerHTML || TIPS) + ) : TIPS, + inputValue = !(typeof $(select).attr("lay-omit") === 'undefined') && value != null && value.length > 0 ? '已选择' + value.length + "条" : ""; + + if(isMulti) { + var reElem = $(['