मोडल बूटस्ट्रैप

Question

के अंदर फॉर्म मेरे पास एक मॉडल है जो उत्पादों के पंजीकरण को बनाता है। मैं मोडल छोड़ने के बिना मोडल के अंदर एक फॉर्म जमा करना चाहता था।

<!-- 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> 

Answer 1

सबसे पहले, अपने <form> टैग पर एक आईडी सेट:

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

आप jQuery (अत्यधिक की सिफारिश की) का उपयोग कर रहे थे, तो आप ऐसा कर सकते हैं:

$(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; 
     }); 
    }); 
}); 

Answer 2

मेरे मामले में मैं केवल सबमिट बटन को एक पाद लेख निकालें और डेटा-खारिज यानी

हटाएं

---

<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>