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

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.