jQuery e css: ocultar / mostrar opções de seleção com uma determinada classe css
No código html eu tenho opções de seleção como esta:
<option value="1" class="myclass5">Value1</option>
Em 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();
});
EDITAR
Eu tenho dois select. Quando seleciono um valor na primeira seleção, o segundo deve ser preenchido de acordo (tenho que evitar uma chamada de ajax).
Eu coloquei todos os segundos valores de seleção em uma sessão var, mas meu problema está em selecionar apenas aqueles ligados ao primeiro select, então eu estava tentando através de classes 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
Para mim, a solução do greenish é boa, mas há um problema no IE que não consigo explicar: quando eu uso o botão voltar, o valor selecionado pelo usuário é "perdido", ou seja, se eu fizer logon no console valor selecionado, vejo seu "índice" no novo select clonado. No código fonte html, há todo o select original.
EDIT4
Resolvi graças a este post