2017-01-26 4 views
0

Ich habe dynamische Tabelle, und in Button Wert ich Wert jeder ID speichern. Ich muss diese ID an das modale übergeben und einige Abfragen in modal. Ich werde das über PHP tun.Button Wert pass auf modal

Eigentlich möchte ich übergeben Wert im modalen Fenster, das auf der gleichen Seite ist, wo Schaltflächen sind.

Hier ist meine modalen

<div id="modal_theme_success" class="modal fade"> 
<div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header bg-success"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      <h6 class="modal-title">Stavke naloga</h6> 
     </div> 
     <div class="modal-body"> 
     <h6 class="text-semibold">Text in a modal</h6> 
     <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> 

     <hr> 
      <?php 
       $temp = $_POST['name']; 
       echo $temp; 
      ?> 
     <h6 class="text-semibold">Another paragraph</h6> 
     <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> 
     <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-link" data-dismiss="modal">Close</button> 
      <button type="button" class="btn btn-success">Save changes</button> 
     </div> 
    </div> 
</div> 
</div> 

Ich habe nie Werte gesendet, bevor sie modal, jede Hilfe ist sehr geschätzt

+0

Versuchen Sie, diese Antwort zu lesen: http://stackoverflow.com/questions/10626885/passing-data-to-a-bootstrap-modal – DekiChan

Antwort

1

Konzept ist einfach. Zuerst müssen Sie Wert erhalten und Anfrage nach diesem offenen modale Fenster

<button id="btn" value="<?php echo $r['id'];?>"></button> 

Get Wert Taste über jQuery, senden Anfrage

$('#btn').click(function() { 
    var id = $(this).val(); 

    $.ajax({ 
     type: 'get', 
     url: 'pregled.php' 
     data: {'name':id}, 
     success: function(data) { 
     // Show returned data on Modal 
     $('.modal-title').text(data.name); // ex: show result on title 
     } 
    }); 
}); 

Punkt sendet nicht Wert zu Modal senden, ist es über die angeforderte zeigend Daten zu Modal nach deiner Frage.

0

Ich habe es auf diese Weise gelöst, es könnte jemandem helfen, wenn das ähnliche Problem auftritt.

Knopf

td><button="type" class="btn btn-success btn-sm" onclick="getNarudzbaId(this)" value="<?php echo $r['id'];?>" data-toggle="modal" id="modal" data-target="#modal_theme_success">Pregled <i class="fa fa-play position-right"></i></a></td> 

Script

<script type="text/javascript">   
    function getNarudzbaId(object) { 
     var x = $(object).attr("value"); 
     $.post('modal-body.php', {post:x}, 
     function(data) { 
      $('#print').html(data); // div where value is printed 
     }); 
    } 
</script>