Problema con Submit

[alfrevolution]

Hola, soy nuevo por estos lados.

Le cuento que tengo un problema con un submit. Resulta que tengo un formulario donde tengo un Select que al cambiar alguna de las opciones me carga otros datos asociados a la opción elejida mediante la función onChange() recargo la misma página.

El problema lo tengo cuando el usuario tenga que Ingresar los datos al hacer click en un botón ubicado abajo del formulario, pero en vez de irse a otra página que procese los datos, me lo envia a la misma del formulario.

¿Qué puedo hacer para que al cambiar un opción me carge la misma página y al hacer click en el botón se vaya a la página que procese los datos?.

Desde ya, gracias por sus respuestas.

[xumarodok]

Creo que podria ser un problema con el action del formulario...

revisalo o pasanos el codigo para verlo....

Saludos

[alfrevolution]

Bueno el código es un poco largo, pero pondré lo escencial:

Código HTML:

<form name='formulario' method='POST'>

<select onChange='this.form.submit()' name='pais'>
<option>.....
...</option>
</select>


<input type='submit' name='ingresar' value='Ingresar'>

</form> 

Los options los tomo de un Base de Datos y según la opción cambian algunos datos en otros input type text como ejemplo: la capital del pais seleccionado

[Ronruby]

En la funcion onChange no pongas que se haga un submit del formulario, sino que se recargue la MISMA pagina actual, pero que se envie la informacion que quieres por GET usando location.href

[alfrevolution]

Ronruby, me lo puedes explicar con código?.
Te lo agradecería mucho.

[Ronruby]

Aqui te va:

Código HTML:

<script type="text/javascript">
function cargarDatos() {
  var valor = document.formulario.pais.options[document.formulario.pais.selectedIndex].value;
  location.href = "paginaactual.php?id_select=" + valor;
}
</script>
<form name='formulario' method='POST'>

<select onChange='cargarDatos();' name='pais'>
<option>.....
...</option>
</select>


<input type='submit' name='ingresar' value='Ingresar'>

</form> 

Y luego para recoger y hacer la consulta con los datos (Si ese es tu caso) solo recojes la variable con PHP asi: $_GET['id_select']

[xumarodok]

alfrevolution, el formulario no tiene action

<form enctype="multipart/form-data" name='formulario' method='POST' action="OTRA_PAGINA.php">


Creo que deberia ser así... espero no equivocarme

[alfrevolution]

adecué el código al mio...al cambiar la opción del select me recarga la página, pero no me cambia el input que correspondería al campo capital, que tendría que cambiar al elejir la opción del select.

xumarodok, el problema es que como el select tiene un onChange(), y al ponerle action=otra_pagina.php (por ejemplo), me manda hacia esa pagina, y no a la misma.

[nflamel]

Iniciado por alfrevolution

adecué el código al mio...al cambiar la opción del select me recarga la página, pero no me cambia el input que correspondería al campo capital, que tendría que cambiar al elejir la opción del select.

xumarodok, el problema es que como el select tiene un onChange(), y al ponerle action=otra_pagina.php (por ejemplo), me manda hacia esa pagina, y no a la misma.

Podrías coger esos datos por AJAX en lugar de recargar la página entera.
Saludos!!

[alfrevolution]

AJAX?, la verdad que no se trabajar con Ajax

[nflamel]

Iniciado por alfrevolution

AJAX?, la verdad que no se trabajar con Ajax

Bueno, eso es una pega bastante grande, pero existen frameworks bastante buenos que te hacen todo el trabajo sucio a la hora de implementar una solución con esta técnica. Échale un ojo a librerías como JQuery, Mootools o Prototype.

La idea en sí consiste en hacer una petición al servidor mediante javascript, cuando llega la respuesta coges los datos y modificas el arbol DOM del documento HTML también mediante javascript. Puede parecer un poco enrevesado, pero una vez que te acostumbras es muy cómodo y mejora bastante la experiencia del lado del cliente.

Un saludo!

[alfrevolution]

Ya lo solucioné:

Despues de mucho pensar llegué a esto:

Código HTML:

<script language='JavaScript' type='text/JavaScript'> 
function Enviar()
{
	document.formulario.action='ingresar.php';
} 
</script>


<form name='formulario' method='POST' action=''>

<select onChange='this.form.submit()' name='pais'>
<option>....
.....</option>
</select>


<input type='submit' name='ingresar' value='Ingresar' onClick='Enviar()'> 

GRACIAS POR SU AYUDA

[xumarodok]

excelente!