0

estoy intentando enviar varias variables a un modal pero la cuestión es que solo me envía 2 de 5 variables (la variable 1 y la 5). Alguien podría echarme un cable? Muchas gracias

Con esto llamo al modal

<a data-toggle="modal" data-id="<?php echo $id;?>" data-id2="<?php echo $row['contract_date'];?>" data-id3="<?php echo $amount; ?>" data-id4="<?php echo $percent; ?>" data-id5="<?php echo $fecha_pago; ?>" data-toggle="modal" title="Add this item" class="open-AddBookDialog btn btn-primary" href="#addBookDialog">Edit</a>

El modal que tengo:

<div class="modal fade" id="addBookDialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
         <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header" style="background-color:#333">
                    <form name="form2" role="form" method="post" enctype="multipart/form-data">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 id="myModalLabel">Edit Comission</h4>
                </div>
                <div class="modal-body" style="background-color:#111">
                    <div class="control-group">
                        <input type="text" name="idcom" class="form-control" id="comisionId" value=""/>
                    </div>
                    <div class="control-group">
                        <label>Date of contract:</label>
                        <input type="text" class="form-control" id="comisionId2" name="date" required>
                        </div>
                    <div class="control-group">
                        <label>Amount paid:</label>
                        <input type="text" class="form-control" id="comisionId3" name="total" required>
                        </div>
                    <div class="control-group">
                        <label>%:</label>
                        <input type="text" class="form-control" id="comisionId4" name="percent" required>
                        </div>
                    <div class="control-group">
                        <label>Commision payment date:</label>
                        <input type="text" class="form-control" id="comisionId5" name="datecom">
                        </div>

                </div>
                <div class="modal-footer" style="background-color:#111">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                    <button name="update" class="btn btn-primary">Save changes</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

Y el código Java

<script>
$(document).on("click", ".open-AddBookDialog", function () {
     var mycomisionId = $(this).data('id');
     var mycomisionId2 = $(this).data('id2');
     var mycomisionId2 = $(this).data('id3');
     var mycomisionId2 = $(this).data('id4');
     var mycomisionId2 = $(this).data('id5');
     $(".modal-body #comisionId").val( mycomisionId );
     $(".modal-body #comisionId2").val( mycomisionId2);
     $(".modal-body #comisionId3").val( mycomisionId3);
     $(".modal-body #comisionId4").val( mycomisionId4);
     $(".modal-body #comisionId5").val( mycomisionId5);
    $('#addBookDialog').modal('show');
});
</script>
4
  • 1
    Ojo, dos puntualizaciones, Javascript NO ES Java. Tu estas usando JQuery, que es una librería de Javascript. el 17 ago. 2017 a las 9:33
  • 1
    Buenas, ¿has comprobado si los $(this).data() te están devolviendo los valores que esperas? Si no te llegan es posible que el php no lo esté cargando correctamente.
    – Edu3D
    el 17 ago. 2017 a las 9:33
  • Pues efectivamente el fallo es ese. Perdonad pero es que si os fijais las variables son las mismas mycomisionId2. Ya lo he cambiado y lo hace correctamente... mil gracias y mil perdones.
    – Vieira
    el 17 ago. 2017 a las 9:39
  • Te lo voy añadir como respuesta para que se vea como lo has solucionado ^^
    – Edu3D
    el 17 ago. 2017 a las 9:48

1 respuesta 1

2

En el código js has usado la misma variable para casi todas:

<script>
$(document).on("click", ".open-AddBookDialog", function () {
     var mycomisionId = $(this).data('id');
     var mycomisionId2 = $(this).data('id2'); //<-- Aquí está definida mycomisionId2
     var mycomisionId3 = $(this).data('id3'); //<-- Aquí está definida mycomisionId2
     var mycomisionId4 = $(this).data('id4'); //<-- Aquí está definida mycomisionId2
     var mycomisionId5 = $(this).data('id5'); //<-- Aquí está definida mycomisionId2
     $(".modal-body #comisionId").val( mycomisionId );
     $(".modal-body #comisionId2").val( mycomisionId2);
     $(".modal-body #comisionId3").val( mycomisionId3);
     $(".modal-body #comisionId4").val( mycomisionId4);
     $(".modal-body #comisionId5").val( mycomisionId5);
    $('#addBookDialog').modal('show');
});
</script>

Prueba arreglando el código.

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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