Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY
Freigeben: 2016-05-16 16:49:59
Original
918 Leute haben es durchsucht

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: