Código Javascript :
$(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,
