SelectBoxIt funktioniert nur für die erste Instanz der Klasse

Question

Ich benutze SelectBoxIt, um meine Auswahl zu stylen und es funktioniert gut, wenn ich IDs für sie verwendet, aber wenn ich Klassen verwende, obwohl sie alle ok formatiert, betreffen die meisten Optionen nur die erstes Element mit der Klasse.

Ich versuche, es zu bekommen, so dass, wenn das Formular erfolgreich übermittelt wird, die Auswahl zurückgesetzt werden, aber nur die erste tut.

Ich habe versucht, nur um jQuery mit dem Element

$("input[name=positioning]").val($("input[name=positioning] option:first").val()); 

aber all dies tut, ist Zurücksetzen des Orignal wählen zurückgesetzt, die unterhalb der gestylten Version so dass nun der Wert zeigt versteckt ist nicht der ausgewählte Wert.

ich auch versucht habe ...

$(".exposure, .patient, .equip, .unit, .taken, .pathology, .pathway").selectBoxIt('selectOption', 0); 

zielt nur auf das erste Element

$(".exposure").selectBoxIt('selectOption', 0); 
$(".patient").selectBoxIt('selectOption', 0); 

Wieder zielt nur auf das erste Element

$(".exposure, .patient, .equip, .unit, .taken, .pathology, .pathway").each(function(){ 
     selectBoxIt('selectOption', 0); 
}); 

überhaupt nicht arbeiten mit Fehler selectBoxIt is not defined

Alles funktioniert wie erwartet, wenn IDs verwendet werden, aber das Problem ist, dass es auf einer der Seiten, auf der ich es verwenden möchte, mehrere Instanzen des Formulars in einem Schieberegler gibt, also muss ich Klassen verwenden.

Answer 1

Ich habe auch versucht, diese zu verwenden ...

$(".positioning").data("selectBox-selectBoxIt").selectOption(0); 

Dies würde mir erlauben, mehr als eine Klasse zu zielen, aber jede Klasse mußte separat ausgerichtet wird aber auch hier wäre es nur auf der ersten Instanz von jeder Arbeit Klasse.

Am Ende musste ich die Elementklasse mit der eindeutigen ID anhängen, die jede Form hatte (aus der php while-Schleife zur Erstellung des Sliders), also hatte jede auf der Seite eine eindeutige Klasse (also jetzt didn) ‚t egal, ob ich ids anstelle von Klassen entweder jetzt) ​​

<form id="<?=$form_id?>"> 
    <select class="positioning_<?=$form_id?>"> 
    //rest of select here 
</form> 

var form_id = 'form_id' 
$(".positioning_"+form_id).data("selectBox-selectBoxIt").selectOption(0); 

Nicht gerade die Lösung, die ich hatte gehofft, für, aber es funktioniert