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>