Tengo problemas para obtener los valores del formulario al pasar los dos parámetros de consulta, id y type, desde la url.
Supongamos que la URL es:
... página.html?id=14&type=Título
Quiero que en el formulario se muestren los valores de estos para luego hacer el cambio.
function getQueryVariable () { var query = window.location.search.substring (1); var vars = query.split ("&"); for (var i = 0; i <vars.length; i ++) { var pair = vars [i] .split ("="); } } function onLoad () { var value = getQueryVariable (); var id = document.getElementById ('id'); var type = document.getElementById ('type'); id.value = value; type.value = value; } <div class = "container"> <form method ="post" id="save" action="javascript: myFunction()" onload="onLoad()"> <div class = "field"> <label for = "id"> ID: </label> <input type = "number" id = "id" name = "id" /> </div> <div class = "field"> <label for = "type"> Fragment Type: </label> <input type = "text" id = "type" name = "type" /> </div> <div class = "field"> <button type = "submit" class = "full"> Save changes </button> </div> </form> </div>Como puede ver en el código, llamo a la función onLoad() para cargar los datos en el formulario.
No obtengo ningún error; los valores de las variables de la función getQueryVariable() son correctos, pero noto que no se llama.
myFunction() no se muestra, pero esta es la función que me servirá más adelante para modificar los campos del formulario.
¿Podría ayudarme amablemente?
En primer lugar, debe ejecutar la función onLoad, luego debe crear un objeto para almacenar los valores y pasarlo a otra función. Y su ciclo está realmente fuera del mundo, lo corregí, intente comprender mi código y si tiene preguntas, no dude en comentar. Aquí tiene, para consulta, lo cambié a una cadena que proporcionó como ejemplo, por lo que funcionaría en un fragmento.
function getQueryVariable () { var object = {} var query = "id=14&type=Hello%20Title"; var vars = query.split ("&"); for (var i = 0; i <vars.length; i ++) { let splitted = vars[i].split('=') object[splitted[0]] = decodeURI(splitted[1]) } return object; } function onLoad () { var pairs = getQueryVariable (); var id = document.getElementById ('id'); var type = document.getElementById ('type'); id.value = pairs.id; type.value = pairs.type; } onLoad(); <div class = "container"> <form method ="post" id="save" action="javascript: myFunction()" onload="onLoad()"> <div class = "field"> <label for = "id"> ID: </label> <input type = "number" id = "id" name = "id" /> </div> <div class = "field"> <label for = "type"> Fragment Type: </label> <input type = "text" id = "type" name = "type" /> </div> <div class = "field"> <button type = "submit" class = "full"> Save changes </button> </div> </form> </div>Su función getQueryVariable () no devuelve nada. Puedes intentar algo como esto:
function getQueryVariable () { var query = window.location.search.substring (1); var vars = query.split ("&"); var params = {} for (var i = 0; i <vars.length; i ++) { var pair = vars [i] .split ("="); params[pair[0]] = pair[1] } return params } function onLoad () { var params = getQueryVariable (); var id = document.getElementById ('id'); var type = document.getElementById ('type'); id.value = params.id ; type.value = params.type ; }