jQuery und CSS: Auswahloptionen mit einer bestimmten CSS-Klasse verbergen / anzeigen
Im HTML-Code habe ich folgende Auswahlmöglichkeiten:
<option value="1" class="myclass5">Value1</option>
In jQuery:
var cod = $(this).val(); // This is the value of another select: when the value
$("option[class^=myclass]").hide();
$("option[class^=myclass]").each(function () {
$("option[class^=myclass" + cod + "]").show();
});
BEARBEITEN
Ich habe zwei ausgewählt. Wenn ich in der ersten Auswahl einen Wert auswähle, muss der zweite entsprechend ausgefüllt werden (ich muss einen Ajax-Aufruf verhindern).
Ich habe alle zweiten Auswahlwerte in eine Sitzungsvariable eingefügt, aber mein Problem besteht darin, nur diejenigen auszuwählen, die mit der ersten Auswahl verknüpft sind, also habe ich versucht, CSS-Klassen zu durchlaufen.
EDIT2
<select name="firstselect">
<option value="0" selected="selected">Choose...</option>
<option value="1">Value1</option>
<option value="2">Value2</option>
<option value="3">Value3</option>
</select>
<select name="secondselect">
<option value="0" selected="selected">Choose...</option>
<option value="myclass1">Value11</option>
<option value="myclass1">Value12</option>
<option value="myclass1">Value13</option>
<option value="myclass2">Value21</option>
<option value="myclass2">Value22</option>
<option value="myclass2">Value23</option>
<option value="myclass3">Value31</option>
<option value="myclass3">Value32</option>
<option value="myclass3">Value33</option>
</select>
EDIT3
Für mich ist die Lösung von greenish gut, aber es gibt ein Problem im Internet Explorer, das ich nicht erklären kann: Wenn ich die Schaltfläche "Zurück" benutze, ist der vom Benutzer ausgewählte Wert "verloren", dh, wenn ich den Benutzer an der Konsole anmelde ausgewählter Wert, ich sehe seinen "Index" in der neuen geklonten Auswahl. Im HTML-Quellcode befindet sich die gesamte ursprüngliche Auswahl.
EDIT4
Ich habe mich dank dieses Beitrags aufgelöst