removendo todas as opções da caixa de seleção, exceto a primeira opção
Estou tentando esvaziar as opções de seleção quando:
id "mClick" é selecionado, "sClick", "cClick" e "srClick" do id serão esvaziados.
id "sClick" é selecionado, id "cClick" e "srClick" serão esvaziados.
id "cClick" é selecionado, id "srClick" será esvaziado.
<form action="javascript:void(0);" method="POST" id="lForm">
<table>
<tr>
<td>
<select name="module" id="mClick">
<option value="">Select Mod</option>
<option value="1">Mod 1</option>
<option value="2">Mod 2</option>
<option value="3">Mod 3</option>
</select>
</td>
<td>
<select name="state" id="sClick">
<option value="">Select State</option>
<option value="1">State 1</option>
<option value="2">State 2</option>
</select>
</td>
<td>
<select name="city" id="cClick">
<option value="">Select City</option>
<option value="1">City 1</option>
<option value="2">City 2</option>
</select>
</td>
<td>
<select name="services" id="srClick">
<option value="">Select Services</option>
<option value="1">Services 1</option>
<option value="2">Services 2</option>
</select>
</td>
</tr>
</table>
no cenário 3, usei esta função, mas excluiu tudo, exceto o último select. Alguma idéia é o que eu sinto falta? obrigado
$('#lForm select[id!="mClick"] select[id!="sClick"] select[id!="cClick"] option[value!=""]').remove().end();