(function($){ $.fn.combox = function(options) { var defaults = { borderCss: "combox_border", inputCss: "combox_input", buttonCss: "combox_button", selectCss: "combox_select", datas:[] }; var options = $.extend(defaults, options); function _initBorder($border) {//初始化外框CSS $border.css({"border":"1px solid #e5e6e7",'display':'inline-block', 'position':'relative'}).addClass(options.borderCss); $border.children(':text').focus(function(){ $border.css({"border":"1px solid #1ab394",'display':'inline-block', 'position':'relative'}).addClass(options.borderCss); }); $border.children(':text').blur(function(){ $border.css({"border":"1px solid #e5e6e7",'display':'inline-block', 'position':'relative'}).addClass(options.borderCss); }); return $border; } function _initInput($border){//初始化输入框 var id = $border.attr("id") == undefined?"":$border.attr("id"); var name = $border.attr("name") == undefined?"":$border.attr("name"); var bdclass = $border.attr("class") == undefined?"":$border.attr("class"); var value = $border.attr("value")== undefined?"":$border.attr("value"); $border.append(''); $border.append(''); var labeId = id==""?name:id; $border.append('
'); //绑定下拉特效 $border.delegate('font', 'click', function() { $border.children(':text').focus(); var $ul = $border.children('ul'); if($ul.css('display') == 'none') { $ul.slideDown('fast'); $(this).removeClass('icon-angle-bottom').addClass('icon-angle-top'); }else { $ul.slideUp('fast'); $(this).removeClass('icon-angle-top').addClass('icon-angle-bottom'); } }); return $border;//IE6需要返回值 } function _initSelect($border) {//初始化下拉列表 $border.append('