Ein einfaches Plug-In, das mehrere Auswahlmöglichkeiten in einem Dropdown-Feld implementiert, ist portable_jquery

Bei der Verwendung des Multiple-First-Dropdown-Felds, das ich letztes Mal geschrieben habe, habe ich viele Probleme festgestellt. Nach der Änderung und Verbesserung kann es jetzt gut verwendet werden und ist besser portierbar. Das Folgende ist der Quellcode.

js

Code kopieren Der Code lautet wie folgt:

(function (){

$.fn.extend({
checks_select: function(options){
jq_checks_select = null;
$(this).val("---Bitte auswählen- --" );
$(this).next().empty(); //Zuerst löschen
$(this).unbind("click");
$(this).click( function(e ){
jq_check = $(this);
//jq_check.attr("class", "");
if (jq_checks_select == null) {
jq_checks_select = jq_check. next() ;
jq_checks_select.addClass("checks_div_select");
//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=""
$(this).parents().find("input:checked").each(function(i){
if( i==0){
temp=$(this).val();
}else{
temp ="," $(this).val();
});
//alert(temp);
e.stopPropagation();
); jq_checks_select.show ();
}else{
jq_checks_select.toggle();

}
$(document) .click( function () {
flag=$("#test_div");
if(flag.val()==""){
flag.val("---Bitte auswählen- --" );
}
jq_checks_select.hide();
});
//$(this).blur(function(){
//jq_checks_select.css(" Sichtbarkeit", "versteckt");
//alert();
//});
}
})

})(jQuery);


html




Code kopieren

Der Code lautet wie folgt: