¿Cómo puedo rellenar previamente campos de entrada de formulario html desde parámetros de url?

Question

Tengo una página html de vainilla que tiene un formulario. Ha ingresado un requisito para poder rellenar previamente el formulario a través de la url. Algo como:

http://some.site.com/somePage.html?forename=Bob&surname=Jones 

Parece que no puedo encontrar una solución simple para esto. ¿Puede alguien señalarme en la dirección correcta con algún javascript para lograr esto? Feliz de usar una solución de javascript, pero preferiría evitar instalar una biblioteca completa solo para este uso (actualmente no se usa ninguna). Gracias.

Answer 1

Utilice una función de consulta personalizada de cadena de Javascript.

function querySt(ji) { 

    hu = window.location.search.substring(1); 
    gy = hu.split("&"); 

    for (i=0;i<gy.length;i++) { 
     ft = gy[i].split("="); 
     if (ft[0] == ji) { 
      return ft[1]; 
     } 
    } 
} 
var koko = querySt("koko"); 

A continuación, asigne el valor recuperado al control de entrada; algo así como:

document.getElementById('mytxt').value = koko; 

Answer 2

function getUrlVars() 
{ 
    var vars = [], hash; 
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); 

    for(var i = 0; i < hashes.length; i++) 
     { 
     hash = hashes[i].split('='); 
     vars.push(hash[0]); 
     vars[hash[0]] = hash[1]; 
     } 

    return vars; 
} 

var get = getUrlVars(); 

//returns get['forename'] == bob; surname == jones 

Answer 3

¿Está utilizando PHP? Si es así, eso hace las cosas mucho más fáciles. Suponiendo que su enlace es como el de arriba, puede usar:

<?php 
$forename = $_GET['forename']; 
$surname = $_GET['surname']; 
?> 
---------- 
<input id='forename' type='text' value='<?php echo $forename; ?>' > 
<input id='surname' type='text' value='<?php echo $surname; ?>' > 

Eso debe rellenarlo previamente.