Select dependientes

[araos08]

Hola a todos. Bueno esta es mi duda.
Tengo un formulario donde tengo dos lista, una es de Provincias, en la cual selecciono la provincia y la otra es la ciudad que muestra la lista de ciudades dependiendo de la provincia que haya seleccionado. Y para que esto funcione utilizo Ajax que muestra los datos de un archivo llamado: selec_ciudad.php para no tener que cargar la pagina. En mi servidor local funciona perfectamente, pero cuando subo al servidor de "miarrroba" que es donde alojo mi sitio no funciona esta lista de ciudad dependiente. No he podido encontrar solución en los foros de ese sitio y lo unico que encontré fue una respuesta como esta: "No funciona porque no devuelve unas cabeceras, por lo que es enviado como html y nuestro sistema añade el código de la publicidad. Modifica ajax.php para enviar las cabeceras JSON (application/json) y se solucionará el problema."

Sé cual es el problema. Mi arroba coloca dicha publicidades y ahí se embola, pero no se que modificaciones dice que hay que hacer.
Este el formulario.

Código HTML:

<form action="Paginas/resultado_busqueda.php" method="post" enctype="application/x-www-form-urlencoded" name="form_buscar">
          <select name="provincia_buscar" id="provincia_buscar" onchange="llamarAjaxGETciu()">
              <option>Seleccionar provincia</option>
              <?php
		$re=mysql_query("select * from provincia");
		while($f=mysql_fetch_array($re)){
		echo '<option value="'.$f['id_provincia'].'">'.$f['provincia'].'</option>';
		}
		?>
          </select> 

Este es el script

Código HTML:

<script>
function llamarAjaxGETciu(){
	var aleatorio=parseInt(Math.random()*999999999);
	valor=document.getElementById("provincia_buscar").value;
	var url="Paginas/auto_selec_ciudad.php?valor="+valor+"&r="+aleatorio;
	peticion.open("GET",url,true);
	peticion.onreadystatechange =respuestaAjaxciu;
	peticion.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	peticion.send(null);
}

function respuestaAjaxciu(){
	if(peticion.readyState==4){
		if(peticion.status==200){
			//alert (peticion.responseText);
			document.getElementById("ciu").innerHTML=peticion.responseText;
		}else{
			alert("ha ocurrido un error"+peticion.statusText);
		}
	}
}
</scrip> 

Y este es el cogido de donde saca los datos para mostrar la lista de ciudad.

Código PHP:

  <?php 
require_once('../Connections/saenzwebconexion.php'); 
$valor=$_GET['valor']; 
$re=mysql_query("select * from ciudad where id_provincia='$valor'"); 
echo '<select name="ciudad_buscar" id="ciudad_buscar">'; 
while($f=mysql_fetch_array($re)){ 
    echo'<option value="'.$f['id_ciudad'].'">'.$f['ciudad'].'</option>'; 
    } 
echo '</select>'; 
?>   

Yo no tengo mucha idea del tema porque recien entro en el tema de PHP y Ajax es muy nuevo para mi. Si me pudieran ayuda con el ejemplo que les di me vendría joya, sino igual alguna explicación para que pueda ingeniarmelas. Desde ya espero una respuesta.

[gonzaherrera77]

Buenas, yo tambien estoy tratando de hacer Selects dependientes con Js encontre lo siguiente http://www.desarrolloweb.com/articulos/1281.php espero que te aclare un poco el panorama.

¡Saludos!