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

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:

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