Hola, estoy haciendo el típico problema de varios combos dependientes, pero con Mootools (version 1.11).
Para cada combo añado un evento 'change' y hago una llamada Ajax para cargar el siguiente combo.
Mi script es sencillo, pero resulta que no funciona para el segundo select o combo ya que parece que no se dispara el segundo evento 'change' añadido.
Creo que como se carga otro nuevo elemento por Ajax, hace que no tenga el evento change y por eso no funciona, pero tampoco soy un experto en mootools y no se como solucionarlo.
Pongo a continuación todo el codigo y pueden verlo funcionando en [Edito: este enlace ya no esta disponible, ya que nadie me contesto en su momento]
Código PHP:
<?
if($ver)
{
echo '<select id="category">
<option selected="selected" value="0">Elige categoria</option>
<option value="1">Pradera</option>
<option value="1">Rio</option>
</select>';
}
else
{
?>
<html>
<head>
<script type="text/javascript" src="js/mt.js"/></script>
<script type="text/javascript" />
window.addEvent('domready',function()
{
$('serie').addEvent('change',function(ev)
{
alert("primer select cargado")
new Ajax('select.php',{update:$('scategory'),data:'ver=true',evalScripts:true,evalResponse:true}).request()
})
$('category').addEvent('change',function(ev)
{
alert("segundo select que no se carga")
})
})
</script>
</head>
<body>
<select id="serie">
<option selected="selected" value="0">Elige serie</option>
<option value="1">Básicos</option>
<option value="1">Combinados</option>
</select>
<div id="scategory">
<select id="category">
<option selected="selected" value="0">Elige categoria</option>
<option value="1">Pradera</option>
</select>
</div>
</body>
</html>
<? } ?>