jQuery i css: ukryj / pokaż wybrane opcje z określoną klasą css
W kodzie HTML mam takie opcje jak:
<option value="1" class="myclass5">Value1</option>
W 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();
});
EDYTOWAĆ
Mam dwa wybory. Kiedy wybieram wartość w pierwszym zaznaczeniu, druga musi być wypełniona odpowiednio (muszę zapobiec wywołaniu ajax).
Umieszczam wszystkie drugie wartości wyboru w sesji var, ale mój problem polega na wyborze tylko tych, które są powiązane z pierwszym wyborem, więc próbowałem przejść przez klasy css.
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
Dla mnie rozwiązanie zielonkawe jest dobre, ale istnieje problem z IE, którego nie udaje mi się wyjaśnić: kiedy używam przycisku Wstecz, wybrana wartość użytkownika jest „utracona”, to znaczy, jeśli zaloguję się na konsoli użytkownika wybrana wartość, widzę jej „indeks” w nowym sklonowanym wyborze. W kodzie źródłowym HTML jest cały oryginalny wybór.
EDIT4
Rozwiązałem dzięki temu postowi