Buenas estoy haciendo un formulario con varios select lo que busco es que seleccionando la opcion de un select se me filtren las opciones de otro select, consigo que se filtre pero no que vuelvan a añadirse las opciones filtradas el codigo de jQuery es este:
Código:
$(document).ready(function(){
$("#intTipo").change(function(){
var categoria = $("#intCategoria option");
if ($("#intTipo").val()=="1"){
$("#intCategoria").append(categoria);
$("#intCategoria option[id!='1']").detach();
}
else if($("#intTipo").val()=="2"){
$("#intCategoria").append(categoria);
$("#intCategoria option[id!='2']").detach();
}
else if($("#intTipo").val()=="3"){
$("#intCategoria").append(categoria);
$("#intCategoria option[id!='3']").detach();
}
else{
$("#intCategoria").append(categoria);
$("#intCategoria option[id!='4']").detach();
}
});
});
Código HTML:
<form method="post" name="form1" action="<?php echo $editFormAction; ?>">
<table align="center">
<tr valign="baseline">
<td nowrap align="right">Tipo:</td>
<td><div class="divtipo"><select name="intTipo" id="intTipo">
<?php
do {
?>
<option value="<?php echo $row_consultatipos['idTipo']?>"><?php echo $row_consultatipos['strDescripcion']?></option>
<?php
} while ($row_consultatipos = mysql_fetch_assoc($consultatipos));
$rows = mysql_num_rows($consultatipos);
if($rows > 0) {
mysql_data_seek($consultatipos, 0);
$row_consultatipos = mysql_fetch_assoc($consultatipos);
}
?>
</select></div></td>
<td nowrap align="right">Categoria:</td>
<td><label for="intCategoria"></label>
<select name="intCategoria" id="intCategoria">
<?php
do {
?>
<option id="<?php echo $row_consultacategorias['intTipo']?>" value="<?php echo $row_consultacategorias['idCategoria']?>"><?php echo $row_consultacategorias['strDescripcion']?></option>
<?php
} while ($row_consultacategorias = mysql_fetch_assoc($consultacategorias));
$rows = mysql_num_rows($consultacategorias);
if($rows > 0) {
mysql_data_seek($consultacategorias, 0);
$row_consultacategorias = mysql_fetch_assoc($consultacategorias);
}
?>
</select></td>
<tr valign="baseline">
<td nowrap align="right"> </td>
<td><input type="submit" value="Insertar Producto"></td>
</tr>
</table>
<input type="hidden" name="MM_insert" value="form1">
</form>
estuve intentando de varias formas pero no logro hacerlo andar