El primer select que genera cambia una imagen en pantalla. Mediante un codigo en javascript.
Hasta ahi anda perfecto... pero... (siempre hay uno) al incorporar el código en javascript me corta la funcion en ajax encargada de general la siguiente lista de selección.
Como puedo hacer para que ambas funciones (ajax y javascript) funcionen a la vez correctamente.
Les dejo el código:
Código PHP:
<?php
function generaRemeras()
{
include 'conexion.php';
conectar();
$consulta=mysql_query("SELECT id, opcion FROM lista_remeras");
desconectar();
// Voy imprimiendo el primer select compuesto por las remeras
echo "<option value='0'>Elige</option>";
while($registro=mysql_fetch_row($consulta))
{
echo "<option value='".$registro[0]."'>".$registro[1]."</option>";
}
}
$tipo = 1;
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>prueba</title>
<script type="text/javascript" src="select_dependientes.js"></script>
</head>
<body>
<!-- imagen a rotar !-->
<img src="esta_remera_no_me_gusta_1.gif" name="fotos" width="448" height="365" id="imagen" />
<!-- Script en java que me permite rotar las imagenes dependendiendo la elegida !-->
<script type="text/javascript">
function intercambio(lista,imagen) {
document.getElementById(lista).onchange=function() {
document.getElementById(imagen).src='esta_remera_no_me_gusta_'+this.value+'.gif';
}
}
window.onload=function() {intercambio('remera','imagen')}
</script>
<!-- Formulario !-->
<form name="item" method="post" action="../2mete_producto.php">
<div id="demo" style="width:417px;">
<div id="demoDer">
<select disabled="disabled" name="talles" id="talles">
<option value="0">Selecciona opción...</option>
</select>
</div>
<div id="demoIzq">
<select name="color" id="remera" onChange="cargaContenido(this.id)">
<?php generaRemeras(); ?>
</select>
</div>
</div>
<input type="submit" name="cbtadd" value="Agregar al Carrito">
</form>
</body>
</html> 
