一个简单的jQuery的多选下拉框(写)
今天所做的选择下拉框,开始寻找一个插件的在线使用,但在线插件看起来比较混乱,我指的是网上的一些插件,用jQuery写多选下拉框,JS写的更简洁,代码如下。JS代码
复制代码代码如下所示:
(函数(){())
fn.extend({美元。
checks_select:功能(选项){
jq_checks_select = null;
$(this)Click(函数(e){)
jq_check = $(this);
/ / jq_check.attr(班
如果(jq_checks_select = = null){
jq_checks_select = $()。InsertAfter(jq_check);
$(选项,函数(i,n){)
check_div = $(+ +)AppendTo(jq_checks_select);
check_box = check_div.children();
check_box.click(function(e){)
/ / jq_check.attr(价值
温度;
$():每个函数(i){
如果(i = 0){
温度= $(this)。Attr(价值);
其他{ }
温度=
}
});
jq_check.attr(价值
e.stoppropagation();
});
});
其他{ }
jq_checks_select.toggle();
}
e.stoppropagation();
});
$(文档)Click(函数(){)
jq_checks_select.hide();
});
$(this)Blur(函数(){)
//jq_checks_select.css (visibility
警报();
/