0

Necesito hacer que cuando ingreso un dni en un input y le doy al boton de aceptar, ese numero, pase a otro input que esta en otra pagina. He probado usar localstorage pero no he tenido éxito, también he ingresado esto en el html para guardar el dato pero tampoco me funciona.

function tomardni() {
   var dniv = localStorage.setItem("DNI");
}
8
  • De una página a otra dentro del mismo dominio? si es asi cual es el problema que tiene con el localStorages? te sale undefined? el 10 sep. 2018 a las 16:15
  • claro me sale como null, estoy usando nodejs como servidor ..sisi todo dentro del mismo dominio el 10 sep. 2018 a las 16:33
  • y si lo pasas como parámetro en la url ?
    – mariovzc
    el 10 sep. 2018 a las 16:44
  • solo para aclarar localStorage.setItem("DNI", "111111111111-1");, es así como lo almacenas?
    – LPZadkiel
    el 10 sep. 2018 a las 16:57
  • si así...ese dni que ingreso al principio se guarda en la base de datos mongo cuando doy aceptar en la primera pantalla, después cuando cambio de pantalla ese dni tiene que quedar guardado en un input o en el servidor para usarlo en otra cosa...no se si me explico bien.. el 10 sep. 2018 a las 17:02

1 respuesta 1

2

Podéis hacerlo de varias formas: cookies, localstorage, como parámetro por URL con js y con lenguaje de backend ya ni te cuento.

Ejemplo con localstorage:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <input type="text" id="txtDNI">
    <input type="button" value="Enviar" onclick="Enviar()">
</body>
<script>    
    function Enviar() {
        var dni = document.getElementById("txtDNI").value;
        console.log(dni);
        localStorage.setItem("DNI", dni);
        window.location.href = "ejem2.html";
    }
</script>
</html>

Hasta aquí puedes guardar el DNI, si realizamos el debug veremos como se almacena en localstorage ejem1.html

Cuando se cargue la otra página solo necesitará invocar elemento del localstorage con GetItem y el Id que se le proporciono DNI

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body onload="loadDNI()" >
    <input type="text" id="txtGetDNI">
</body>
<script>
    var dni = localStorage.getItem("DNI");

    function loadDNI () { document.getElementById("txtGetDNI").value = dni; }
</script>
</html>

Y ya se obtendrá el elemento guardado en localstorage

ejem2.html

4
  • estaba haciendo mal las declaraciones se ve...muchísimas gracias por la ayuda..! el 10 sep. 2018 a las 18:20
  • Sí te a servido marcala como respuesta ;) el 10 sep. 2018 a las 19:03
  • si me sirvió pero ahora me encuentro en la necesidad de pasar ese dato a varios input..he cambiado las id y asigne las variable correspondiente pero no se puede..hay alguna forma de hacerlo eso..? el 10 sep. 2018 a las 20:59
  • En esta parte document.getElementById("txtGetDNI").value = dni; estoy asignando el valor obtenido del localstorage a un input exactamente igual se asigna a todos los inputs que quieras, solo reemplaza el id así document.getElementById("txtGetDNI2").value = dni; el 10 sep. 2018 a las 22:16

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.