Im inneren bilden die bootstrap modal

Habe ich ein modal, macht die Registrierung der Produkte. Ich wollte auf "Formular senden" innerhalb der modalen ohne den modal.

<!-- Button to trigger modal -->
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    <form method="post">
        <button type="submit">Submit</button>
    </form>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>
Sie können einen ajax-POST-request. Bitte geben Sie einige Beispiel-code.
jsfiddle.net/L3m9Q/29
Sind Sie mit jQuery oder anderen javascript-Bibliothek?
nach dem senden, modal, muss offen bleiben
ja vielen Bibliotheken

InformationsquelleAutor Max | 2013-03-07

  1. 12

    Erstens, stellen Sie eine id, die auf Ihrem <form> tag:

    <form id="myForm" method="post">
    ...
</form>

    Wenn Sie wurden mit Hilfe von jQuery (sehr zu empfehlen), Sie könnten dies tun:

    $(function(){
    $('#myForm').on('submit', function(e){
      e.preventDefault();
      $.post('http://www.somewhere.com/path/to/post', 
         $('#myForm').serialize(), 
         function(data, status, xhr){
           //do something here with response;
         });
    });
});
    Ich werde diesen code testen
    'somewhere.com/path/to/post' -> meine Seite fügt die Daten?
    wie bekomme ich die Werte in meine php-Seite, die kommt aus $ ('# myForm'). serialize ()
    die 'somewhere.com/... die url ist das, was normalerweise der 'Aktion', die für Ihre form, das ist, wo es POST zu. Die serialize() Funktion nimmt alle Felder im Formular (Sie haben keine in deinem Beispiel), und verwandelt Sie in ein JSON-Objekt zum senden der POST-Daten.
    Verstanden, aktualisierte Lösung für trigger auf Formular Vorlage eher als click-Ereignis.

    InformationsquelleAutor PinnyM

  2. 15

    In meinem Fall ich nur machen das submit-button in der Fußzeile Körper
    und entfernen Sie die Daten-entlassen
    ich.e: 

    <div class="modal-content">
    <form id="role-form"  method="get">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>

            <h4 class="modal-title">تعديل صلاحيات المدير - {{$user->username}}</h4>
        </div>
        <div class="modal-body">

            <div class="form-group col-md-12">

                <select id="role" name="role" class="form-control">
                    <option selected disabled>الصلاحية</option>
                    <option value='1'>مدير</option>
                    <option value='2'>مشرف</option>
                </select>
            </div>

            <div class="clearfix"></div>
        </div>
        <div class="modal-footer">

            <button type="submit" class="btn btn-success" >حفظ</button>
            <button type="button" class="btn btn-default" data-dismiss="modal">إلغاء</button>

        </div>
    </form>
</div>

    InformationsquelleAutor Abdelrahman Elzedy

Schreibe einen Kommentar