Wie wird die ID von der Schaltfläche an das modale @ übergebe

<div class="panel panel-default">
  <div id="view_query">
    <div class="panel-heading">
      <h3 class="panel-title">Reply Query</h3>
    </div>
    <div class="panel-body">
      <div class="table-responsive">
        <table class="table table-hover table-bordered" id="example-1">
          <thead>
            <th>Name</th>
            <th>Title</th>
            <th class="no-sorting">Description</th>
            <th class="no-sorting">Photo</th>
            <th class="no-sorting">Date</th>
            <th class="no-sorting">Actions</th>
          </thead>
          <tbody>
            <?php for($i=1;$i<=12;$i++){?>
            <tr>
              <td>'NAME'</td>
              <td>'Title'</td>
              <td>'Description'</td>
              <td>
                <img src="" height="80px" width="100px">
              </td>
              <td>'dd/mm/yyyy'</td>
              <td class="action">
                <input type="submit" value="&#xf112;&nbsp;&nbsp;&nbsp;Reply" href="javascript:;" onclick="jQuery('#modal-6').modal('show', {backdrop: 'static'});" style="background-color: #313437;border:1px solid #313437" class="btn btn-primary btn-single btn-sm fa-input">
                <input type="text" hidden="" value="<?php echo $i;?>" name="id">
                </input>
              </td>
              <?php }?>
            </tr>
            <!-- <form method="post" action="">
                                    <button name="submit" id="btn_reply" class="btn btn-dark btn_add_record form-control text-left fa-input" value="&#xf112;&nbsp;&nbsp;&nbsp;Reply" style="color:#fff" type="submit"></button>
                                    <input type="text" hidden="" value="<?php echo $i;?>" name="id">
                                </form> -->
            <!-- <a href="index.php?p=query&id= <?php echo $i;?>" id="btn_reply" class="btn btn-primary btn_add_record "><i class="fa fa-reply"></i> Reply</a> -->
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

Dies ist mein Code für Ansichtsdaten. Wenn der Benutzer auf die Antwortschaltfläche klickt, möchte ich modal.it anzeigen, aber auf welche Schaltfläche wird geklickt, woher weiß ich das? Ich möchte die ID weitergeben, um sie zu identifizieren. Bitte helfen Sie mir, die ID weiterzugeben.

<div class="modal fade validate" id="modal-6">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Reply Query</h4> 
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="form-group col-md-6">
                        <label class="control-label">Title</label>
                            <input class="form-control" disabled="" name="question" data-validate="required" data-message-required="Please Enter Title" placeholder="Enter Title" type="text">
                    </div>
                    <div class="form-group col-md-6">
                        <label class="control-label">URL</label>
                        <input class="form-control" name="url" disabled="" data-validate="required" data-message-required="Please Enter URL"  placeholder="Enter URL" type="text">
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group no-margin">
                            <label for="description" class="control-label">Description</label>
                            <textarea class="form-control autogrow" id="description" placeholder="Describe Description Regarding Query"></textarea>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-6">
                        <label class="control-label">Image Upload</label>
                        <div>
                            <div class="fileinput fileinput-new" data-provides="fileinput">
                                <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;" data-trigger="fileinput"> <img src="http://placehold.it/200x150" alt="..."> </div>
                                <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px"></div>
                                <div> <span class="btn btn-white btn-file"> <span class="fileinput-new">Select image</span> <span class="fileinput-exists">Change</span>
                                    <input type="file" name="..." accept="image/*"> </span> <a href="#" class="btn btn-orange fileinput-exists" data-dismiss="fileinput">Remove</a> </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-info">Send</button>
                <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div> 

Dies ist der Code von modal.

Antworten auf die Frage(4)

Ihre Antwort auf die Frage