1

estoy intentando manipular los datos de una variable que se utiliza dentro del imput que a su vez pertenece a un form. ¿es posible extraer en una función JavaScript el contenido de la variable y poder modificarlo para devolverlo en el action del form?

<form action="/buscador">

 <input type="hidden" id="id_grupoPagina" name="grupoPagina" 
                                        value="<c:out value="${results.grupoPagina}" escapeXml="true"/>" />

quiero extraer la variable id_grupoPagina, sumarle 10 y pasarla por el action "/buscador"

1
  • He visto que asi se pueden extrar los datos de un input hiden: ´´´var campo=window.frames[0].document.getElementById("valorcampo").value; var valorimg_up=window.frames[0].document.getElementById(campo).value;```
    – AlejandroR
    Commented el 8 jun. 2021 a las 6:46

2 respuestas 2

2

El input, aunque esté oculto, es parte del DOM, por lo que puedes utilizar document.getElementById() para obtener su referencia y, a partir de allí, acceder a sus propiedades, por ejemplo así:

<form action="/buscador">
  <label for="prueba">Prueba</label>
  <input id="prueba" />
  <input type="hidden" id="id_grupoPagina" name="grupoPagina" value="Esto es una prueba" escapeXml="true" />
  <button id="boton">¡haz clic para cambiar valor!</button>
  <button type="submit">¡haz clic para enviar!</button>
</form>  
<script>
  let boton = document.getElementById("boton");
  
  boton.addEventListener("click", buttonClick);
  
  function buttonClick(e) {
    e.preventDefault();
    let idGrupo = document.getElementById("id_grupoPagina");
    idGrupo.value = idGrupo.value + "/";
    console.log(idGrupo.value);
  }
  
</script>

Puedes probar mi ejemplo aquí mismo haciendo clic en el botón "Ejecutar".

11
  • ¿De esta forma lo estaría enviando la variable por el action al hacer click en el botón?
    – AlejandroR
    Commented el 8 jun. 2021 a las 7:24
  • Mientras escribía la respuesta olvidé que no solo quieres recuperar, sino manipular. He actualizado mi ejemplo. El valor que se enviará en el formulario es el que tenga cuando se haga el submit del mismo. El ejemplo ahora le va agregarndo caracteres, para que puedas probarlo facilmente.
    – jachguate
    Commented el 8 jun. 2021 a las 7:28
  • Vale, muchas gracias por la aclaración.
    – AlejandroR
    Commented el 8 jun. 2021 a las 7:38
  • Si no quisiera poner el botón que modifica el valor y quisiera añadirle la funcionalidad de que me añada " / " al hacer submit. ¿Enviaría el resultado al action directamente? o tendría que dirigirlo de alguna forma. Le agradezco su colaboración
    – AlejandroR
    Commented el 8 jun. 2021 a las 7:40
  • @AlejandroR, veo que hasta ahora no tienes ninguna respuesta aceptada, en las diferentes preguntas que has hecho. Si sabes que hacer cuando alguien contesta tu pregunta, ¿verdad?. Si no sabes como, te invito a repetir el recorrido de bienvenida.
    – jachguate
    Commented el 8 jun. 2021 a las 7:42
0

Claro que puedes obtener el valor del input.

Si usas jquery:

$("[name='grupoPagina']").val();

Ahí estaría extrayendo el valor del input obteniendolo por el nombre de tu input.

con el valor, una vez obtenido, ya podrías hacer lo que quieras, guardarlo en una variable o lo que necesites

También lo puedes hacer como te dice el comentario justo debajo de tu pregunta, pero eso es javascript puro.

Espero haberte guiado.

Un saludo

2
  • ¿y si quiero enviar el resultado por el mismo action? ¿Cómo le digo el action para hacer el submit?
    – AlejandroR
    Commented el 8 jun. 2021 a las 7:26
  • @AlejandroR entonces deberías de enviar ese valor como parámetro por la URL, en el action solo va la ruta a donde van las acciones. Pero si quieres hacer eso si o si, deberías de pasarlo como parámetro a esa ruta mas o menos así: /buscador?parametro1=param Commented el 8 jun. 2021 a las 7:44

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.