Erste option automatisch ausgewählt, wenn eine select-box mit JQuery UI Multiselect von Eric Hynds wird dynamisch aktualisiert

Im mit der JQuery UI multiselect-plugin von http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/ dynamisch Anhängen Elemente einer select-box

//Make filter cars multiselect
$("#cars_filter").multiselect({noneSelectedText:'Select cars'});

function populateCarfilter(){
    var opts="<option value=''>Select cars</option>";
    $.each(markers, function(idx, mar){
      if(mar.getVisible() && mar.get("car"))
     opts+="<option value='" + mar.get("id") + "'>" + mar.get("driver") + " - " + mar.get("car") + "</option>";
    });

    if($("#cars_filter").html()!=opts){
      var id = $("#cars_filter").val()
      $("#cars_filter").html(opts);
      $("#cars_filter").val(id);
      $("#cars_filter").multiselect('refresh');
    }    
}

populateCarfilter(); //This gets called every 2 secs automatically by SSE (server sent events)

Nun, ich bin vor einem seltsamen problem. Die erste option in der select-box wird automatisch gewählt, immer wenn die select-box, wird aktualisiert. Jeder Weg, um dieses problem zu beheben ?

Danke

Browser wird automatisch die erste option wählen, es sei denn, Sie fügen Sie das multiple-Attribut, um das element.

InformationsquelleAutor Kris | 2012-09-27

  1. 18

    Browser wird automatisch die erste option wählen, es sei denn, Sie fügen Sie das multiple-Attribut, um das element.

    Sehen, in der Sie jQuery UI MultiSelect Widget javascript-Quellcode-Datei, die Sie umgesetzt haben, folgende 

    //browsers automatically select the first option
//by default with single selects
if( isSelected && !o.multiple ){
    labelClasses.push( 'ui-state-active' );
   }
    Danke,nach dem, was Sie sagte, fügte ich hinzu multiple="multiple" für das select-element und dass das problem behoben 🙂
    Mir ist auch aufgefallen, dass, wenn Sie haben, wählen Sie die Einstellung "erforderlich", eine option ist auch aktiviert, selbst wenn es auf "mehrere", was Sinn macht!

    InformationsquelleAutor Miki Shah

  2. 1

    und Sie können immer sicher, dass es funktioniert, indem die Schleife durch die Elemente, und der Wert nicht ausgewählt ist, als auch, wie:

      click: function(event, ui){

 if(!ui.checked) 
 {   $.each( $('#select2 option'),function(i2, element2)
       {
                if( $(element2).val() === ui.value )
                {
                   if( $(element2).is(':selected') ) { 
             $(element2).attr('selected',false); 
                }
                     $(element2).remove().appendTo('#select1');
                    }        
        });
 }

    }

    Dies ist nur in der Veranstaltung, die Sie aktualisieren, dynamisch und möchten sicherstellen, dass ist so... in meinem Fall war ich der Aktualisierung /übergabe Elemente aus einer dropdown-Liste eine andere und beide hatten die multiple= "multiple" - Attribut, so dass ich brauchte, um sicherzustellen, dass beim Klick in einem war, dann entfernt man es, um die zugrunde liegende wählen Sie aber immer noch die erste option war immer aktiviert.. hoffe es hilft jemanden die Straße hinunter.. es ist ein nettes plugin

    InformationsquelleAutor Jean Paul A.K.A el_vete

Schreibe einen Kommentar