Skip to main content
se añadieron 126 caracteres en el cuerpo
Origen Enlace
jachguate
  • 32.1k
  • 8
  • 41
  • 69

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".

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!</button>
</form>  
<script>
  let boton = document.getElementById("boton");
  
  boton.addEventListener("click", buttonClick);
  
  function buttonClick(e) {
    e.preventDefault();
    let idGrupo = document.getElementById("id_grupoPagina");
    console.log(idGrupo.value);
  }
  
</script>

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

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".

Origen Enlace
jachguate
  • 32.1k
  • 8
  • 41
  • 69

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!</button>
</form>  
<script>
  let boton = document.getElementById("boton");
  
  boton.addEventListener("click", buttonClick);
  
  function buttonClick(e) {
    e.preventDefault();
    let idGrupo = document.getElementById("id_grupoPagina");
    console.log(idGrupo.value);
  }
  
</script>

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