revojer el valor de un campo en otra pagina web

anyto · #1 (**permalink**) 10/04/2012, 11:21

Tengo una pagina principal.jsp con un form donde pido nombre provincia y población.

Quiero abrir otra pagina con las provincias , seleccionar la que quiero y recojerla en la pagina principal sin recargar la pagina.
Hacer lo mismo con las poblaciones.
No tengo idea de cómo recoger el valor sin recargar la pagina.
Gracias y un saludo.
Toni

liloo6retug · #2 (**permalink**) 10/04/2012, 12:14

pues para evitarle mas tareas al usuario final, creo que solo deberias montar los datos en los select de provincias y que se cargue el otro con las poblaciones de la provincia seleccionada..

no creo que sea necesario abrir paginas y volver...

o puedes usar algunos de los form con jquery

luis_vega · #3 (**permalink**) 11/04/2012, 02:15

Creo que podrias hacer lo que quieres con "window.createPopup()", pero tambien creo que para la tarea que describes no es necesario ni conveniente.

valdo_kof · #4 (**permalink**) 13/04/2012, 16:13

mejor usa combos dependientes, es mucho mas facil, aunq si se puede hacer eso que quieres, en este momento no recuerdo como hacer eso de que te abra una pagina como lo quieres pero te dejo el codigo de los combos dependientes si te sirve y si lo quieres hacer asi

cabe mensionar que el codigo esta en un jsp y ajax

primero debes hacer una tabla donde vincules cada provincia con sus poblaciones, me imagino que tienes dos tablas, digamos provincia y poblaciones

si usas MySQL, q es lo mas probable el codigo te quedaria asi

en tu pagina debes tener los dos combos el de provincias y el de poblacioines

Código HTML:

Ver original<html>
<head>
<script>
/*PETICIONES AJAX PARA COMBOS ANIDADOS, ESTE LO DEBES DE PONER, NO LO PUEDES QUITAR*/
//esto lo dejas tal y como esta
var peticion = false;
var  testPasado = false;
try {
  peticion = new XMLHttpRequest();
  } catch (trymicrosoft) {
  try {
  peticion = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (othermicrosoft) {
  try {
  peticion = new ActiveXObject("Microsoft.XMLHTTP");
  } catch (failed) {
  peticion = false;
  }
  }
}
if (!peticion)
alert("ERROR AL INICIALIZAR!");
 
function cargarCombo (url, comboAnterior, element_id) {
    //Obtenemos el contenido del div
    //donde se cargaran los resultados
    var element =  document.getElementById(element_id);
    //Obtenemos el valor seleccionado del combo anterior
    var valordepende = document.getElementById(comboAnterior)
    var x = valordepende.value
    //construimos la url definitiva
    //pasando como parametro el valor seleccionado
    var fragment_url = url+"?prov="+x;
    //abrimos la url
    peticion.open("GET", fragment_url);
    peticion.onreadystatechange = function() {
        if (peticion.readyState == 4) {
    //escribimos la respuesta
    element.innerHTML = peticion.responseText;
        }
    }
   peticion.send(null);
}
</script>
 
</head>
<body >
<form name="formulario" action="principal.jsp" method="POST" id="formulario">
   <div>
      <label for="comboprincipal"> PROVINCIAS</label>
      <select name="comboprincipal" id="comboprincipal" onChange="javascript:cargarCombo(' combodependiente.jsp', 'comboprincipal', 'div_combodependiente')" >
            <option value="0">Selecciona</option>
             < %//aqui haces tu consulta y creas las opciones dinamicamente de acuerdo al total de registros que contiene tu consulta, algo como rs = st.executeQuery("select * from provincias");
//luego algo como rs.first();
while(rs.next()){%>
<option value="<%=rs.getString("provincia")%>"><%=rs.getString("provincia")%></option>
<%}%>
    </select>
  </div>
     <div id="div_combodependiente">
         <label for="combodependiente">poblaciones</label>
         <select name="combodependiente"  id="combodependiente"></select>
     </div>
</form>
</body>
</html>

y tienes que hacer otra pagina donde haces la consulta con la poblacion q seleccionaste algo como esto

Código HTML:

Ver original<%
    out.println("<label for='combodependiente'> comboDependiente ");
    out.println("<select name='combodependiente'  id='combodependiente' >");
    out.println("<option value='0'>Selecciona</option>");
//recogemos el parámetro
if(request.getParameter("prov")!=null){
 //hacemos la consulta en la bbdd
rs = st.executeQuery("select * from poblaciones where provincia='"+request.getParameter("prov")+"'");
rs.first();
while(rs.next()){
out.println("<option value='"+rs.getString("poblacion")+"'>"+rs.getString("poblacion")+"</option>");
}
out.println("</select>");
}
 
%>

y listo ya tienes tus combos dependientes, claro que le falta la conexion a la base de datos y otras cosas esto es solo para que te des una idea, pero en esencia es todo lo que necesitas

es importantes que los tags como los <div>, etc, los tengas ya q sin ellos no va a funcionar

espero te sirva esto