今天做的项目要用到多选的下拉框，开始想在网上找一个插件用用，可是，网上的插件看起来都比较杂乱，我参考了网上的一些插件，自己用jquery写了一个多选下拉框，js写得比较简洁。代码如下。
js代码
复制代码 代码如下:
(function(){
$.fn.extend({
checks_select: function(options){
jq_checks_select = null;
$(this).click(function(e){
jq_check = $(this);
//jq_check.attr(class, );
if (jq_checks_select == null) {
jq_checks_select = $(
).insertafter(jq_check);
$.each(options, function(i, n){
check_div=$( + n +
).appendto(jq_checks_select);
check_box=check_div.children();
check_box.click(function(e){
//jq_check.attr(value,$(this).attr(value) );
temp=;
$(input:checked).each(function(i){
if(i==0){
temp=$(this).attr(value);
}else{
temp+=、+$(this).attr(value);
}
});
jq_check.attr(value,temp);
e.stoppropagation();
});
});
}else{
jq_checks_select.toggle();
}
e.stoppropagation();
});
$(document).click(function () {
jq_checks_select.hide();
});
//$(this).blur(function(){
//jq_checks_select.css(visibility,hidden);
//alert();
//});
}
})
})(jquery);
html
复制代码 代码如下:
需要jquery类库