1

En una lista de botones, quiero obtener el texto de cada botón al pulsarlo, y pasar por parámetro el valor clave al archivo Resultado.php.

$(document).ready(function () {
  document.addEventListener("click", (e) => {
    if (e.target.matches("#botonMarcajes")) {
      var clave = $("#botonMarcajes").text(); // este es el parametro que no me pasa..
      var fechaINI = $("#fecha1").val();
      var fechaFIN = $("#fecha2").val();
      $.ajax({
        url: "Resultado.php",
        data: "Fecha_INI=" + fechaINI + "&Fecha_FIN=" + fechaFIN + "&opc=añadir&clave=" + clave,
        type: "post",
        success: function ($datos) {
          $("#Marcajes").html($datos);
        }
      })
    }
  })
})

1
  • Explica mejor cual es el problema y que es lo que quieres realizar, tal cual esta redactada tu pregunta es difícil comprender el problema, edita tu pregunta las veces que sean necesarias. el 23 mar. a las 18:58

2 respuestas 2

1

Solo tenes que reemplazar esto:

var clave = $("#botonMarcajes").text();

Por esto:

var clave = $(e.target).text();

Ejemplo:

$(document).ready(function() {
  document.addEventListener("click", (e) => {
    if (e.target.matches("#botonMarcajes")) {

      var clave = $(e.target).text();
      console.log(clave)
    }
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button type="button" id="botonMarcajes">Boton 1</button>
<button type="button" id="botonMarcajes">Boton 2</button>

PD: No debería existir más de un elemento con id="botonMarcajes". Se supone que los IDs deben ser únicos. Considera utilizar clases (o algún otro atributo) para agrupar elementos.

Referencia:

1
  • Gracias por la Solucion :)) funciona bien.. me pasa el texto del boton como parametro.. al archivo . php . el 24 mar. a las 15:42
1

Te dejo un ejemplo con JS, ten en cuenta que si tienes un grupo de elementos lo mas factible es agruparlos mediante una clase, y con id se utiliza para elementos que deseas identificar como únicos.

document.addEventListener('DOMContentLoaded', () => {
  var botones = document.querySelectorAll('.botonMarcajes');
  botones.forEach((boton) => {
    boton.addEventListener("click", (e) => {
      var boton = e.target;
      //console.log(boton)
      if (boton.matches(".botonMarcajes")) {

      var clave = boton.textContent; // este es el parámetro a enviar
      /*var fechaINI = document.getElementById('fecha1').value;
      var fechaFIN = document.getElementById('fecha2').value;*/
      console.log(clave)
      /*$.ajax({
        url: "Resultado.php",
        data: "Fecha_INI=" + fechaINI + "&Fecha_FIN=" + fechaFIN + "&opc=añadir&clave=" + clave,
        type: "post",
        success: function($datos) {
          $("#Marcajes").html($datos);
        }
      })*/

      }
    })
  });
})
<button class='botonMarcajes'>boton1</button>
<button class='botonMarcajes'>boton2</button>
<button class='botonMarcajes'>boton3</button>
<button class='botonMarcajes'>boton4</button>

NOTA: No olvides descomentar el Ajax y las variables de fecha

1
  • Muchisimas gracias por el Aporte y la Solución. Vamos avanzando... el 24 mar. a las 16:16

Tu Respuesta

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

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