1. Con una cuenta podrás:

    • Publicar preguntas y pedir ayuda
    • Crear tutoriales
    • Acceder a contenido privado
    • Convertirte en un Héroe de la web
    Cerrar notificación
  2. Eres nuevo en la comunidad y necesitas ayuda?
    Sigue estos pasos y recomendaciones antes de publicar tu duda:
    Cerrar notificación

Ayuda Enviar Variable a Ventana Modal.

Tema en 'Jquery' comenzado por enromero94, 1 de Septiembre de 2017.

  1. enromero94

    enromero94 Nuevo Miembro

    Se incorporó:
    25 de Febrero de 2016
    Mensajes:
    10
    Me gusta recibidos:
    0
    Puntos de trofeos:
    1
    Género:
    Hombre
    Hola, tengo un problema, que no puedo solucionar.
    La cuestión es la siguiente, relleno una tabla con datos de mi BD y en uno de sus campos tengo la opción de modificar dicha fila de cada tabla, lo que no logro es capturar los datos de la tabla al presionar el boton "modificar" para poder visualizarlos en una ventana modal. Alguno tendria algun ejemplo de como hacerlo? gracias.
     
  2. AngelKrak

    AngelKrak Héroe de la web

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.432
    Me gusta recibidos:
    654
    Puntos de trofeos:
    113
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    mira para eso, tienes que extraer los valore de la tabla primero, luego pasarlos al modal y al final modificarlos en la base de Datos, para este ejemplo yo use mi framework favorito Semantic para el Modal ;)

    y con este JS para obtener los valores de la tabla y pasarlos al modal, solo faltaría la funcion para modificarlos en la DB ;)
    Código (Javascript):
    $(".modificar").click(function() {
      // Obtenemos Valores de la Tabla
      var company = $(this).closest('tr').find('.company').text();
      var contact = $(this).closest('tr').find('.contact').text();
      var country = $(this).closest('tr').find('.country').text();

      // Agregamos al Modal
      $(".ui.modal .content #company").val(company);
      $(".ui.modal .content #contact").val(contact);
      $(".ui.modal .content #country").val(country);

      // Mostramos Modal
      $(".ui.modal").modal("show");
    });
    Demo
    https://codepen.io/anon/pen/MvLMxP

    upload_2017-9-2_13-25-21.png

    upload_2017-9-2_13-25-30.png
     
    A enromero94 y gammafp les gusta esto.
  3. gammafp

    gammafp
    Moderador
    Miembro del Equipo

    Se incorporó:
    12 de Enero de 2015
    Mensajes:
    819
    Me gusta recibidos:
    389
    Puntos de trofeos:
    63
    Género:
    Hombre
  4. enromero94

    enromero94 Nuevo Miembro

    Se incorporó:
    25 de Febrero de 2016
    Mensajes:
    10
    Me gusta recibidos:
    0
    Puntos de trofeos:
    1
    Género:
    Hombre
    Muchas gracias quedo tal como lo queria.
     
  5. enromero94

    enromero94 Nuevo Miembro

    Se incorporó:
    25 de Febrero de 2016
    Mensajes:
    10
    Me gusta recibidos:
    0
    Puntos de trofeos:
    1
    Género:
    Hombre
    Muchas gracias quedo tal como lo queria.
     
  6. AngelKrak

    AngelKrak Héroe de la web

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.432
    Me gusta recibidos:
    654
    Puntos de trofeos:
    113
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    jejeje gracias *w*
     

Comparte esta página