Warum bootstrap modal nicht funktioniert

Question

Ich habe Formulare erstellt, die es mir erlauben, die Mitgliedsschaltfläche auszuwählen, als Informationen aus der Datenbank in die Tabelle zu laden und sie zu aktualisieren, nachdem die Änderung großartig funktioniert.

Jetzt möchte ich diese Formulare in die BOOTSTRAP MODAL verschieben, funktioniert aber nicht, wenn ich auf die Schaltfläche nur schiebe Bootstrap-Modell und dann sofort DISAPPEAR klicken.

Was habe ich es vermissen ...

<form method='post'> 

<input type='hidden' name='id' value='" . $row['id_boxe'] . "'/> 

<input type='submit' name='update' value='Update' href='#modal-view' role='button' class='btn' data-toggle='modal''/> 

</form> 

</td> 

Informationen aus der Datenbank abrufen nach Klick-Taste .. (außerhalb modal)

<?php 
     if (isset($_POST['id'])) { 
     $id = trim($_POST['id']); 
     $sql = "SELECT * FROM boxes where id_boxe = " . $id; 
     $result = $db->query($sql); 
     if ($result->num_rows > 0) { 
     $row = $result->fetch_assoc(); 
     $title = $row['title_boxe']; 
       $status = $row['status']; 
       $side = $row['side']; 

      } 
      $result->close(); 
     } 
     ?> 

Abschnitt Bootstrap-modal: (Echoinformationen innerhalb modal)

<div class="modal fade" id="modal-view" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
       <div class="modal-dialog"> 
        <div class="modal-content"> 
         <div class="modal-header"> 

          <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> 
           × 
          </button> 
          <h4 class="modal-title" id="myModalLabel"> 
           Modal title 
          </h4> 
         </div> 
         <div class="modal-body"> 
          <form method="post" class="col-md-6"> 
      <?php if(isset($id)) {?> 
      <input type="hidden" name="id_boxe" value="<?=$id?>"/> 
      <?php } ?> 
      <div class="form-group"> 
       <label for="boxe_title">Boxe Title</label> 
       <input type="text" class="form-control" name="boxe_title" value="<?php if(isset($title)) echo $title; ?>"> 
      </div> 
      <div class="checkbox"> 
       <select name="side"> 
       <?php if(isset($side) && $side == 1) { ?> 
        <option value="1" selected>right</option> 
       <?php } else {?> 
        <option value="1">right</option> 
       <?php } ?> 

        <?php if(isset($side) && $side == 2) { ?> 
        <option value="2" selected>left</op)tion> 
       <?php } else {?> 
        <option value="2">left</option> 
       <?php } ?> 
       </select> 
      </div> 
      <div class="select"> 
       <?php if(isset($status) && $status == 1) { ?> 
       <label><input type="checkbox" name="visibility" checked> Visible in the Menu</label> 
       <?php } else {?> 
       <label><input type="checkbox" name="visibility" > Visible in the Menu</label> 
       <?php } ?> 
      </div> 
      <?php if (isset($_POST['id'])) { ?> 
       <button type="submit" name="updatedata" class="btn btn-default">Update</button> 
      <?php } else { ?> 
       <button type="submit" name="add" class="btn btn-default">Add</button> 
      <?php } ?> 
     </form> 
         </div> 
         <div class="modal-footer"> 

          <button type="button" class="btn btn-default" data-dismiss="modal"> 
           Close 
          </button> 
          <button type="button" class="btn btn-primary"> 
           Save changes 
          </button> 
         </div> 
        </div> 

       </div> 

      </div> 

Meine Frage ist, was ich vermisst habe, Bootstrap Modal mit Profil inf anzuzeigen Ormation statt Bootstrap Modal verschwinden!

Is funktioniert gut, bevor Bootstrap modal aber nach bewegt, dass Formen modal Bootstrap funktioniert nicht ..

Was habe ich verpasst! Vielen Dank für Ihre Hilfe ... AM

Answer 1

Meine Vermutung ist, dass das Formular mit dem Submit-Button das Problem verursacht, vielleicht ist es die modale schnell Taste auf der einreichen wegen der data-toggle zeigt dann aber, da Sie eine auslösen form submit es lädt die Seite neu, wodurch das Modal verschwindet.

Versuchen Sie, Ihre Schaltfläche Ändern: <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modal-view">Launch demo modal</button>

Like it shows in the demo on bootstrap's site.

Auch möchten Sie vielleicht auf SQL Injection lesen, weil der Code anfällig aussieht.

Es ist schwer zu sagen, was das Problem mit dem Modal ist, ohne eine vollständige HTML-Ausgabe zu sehen, können Sie das in jsfiddle bereitstellen?