Codice HTML di esempio per il popup modale
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<a class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">open popup</a> <div class="modal fade" id="myModal" tabindex="-1" 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"> input in popup: <input type="text" class="form-control" id="myPopupInput" /> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close (do nothing)</button> <button type="button" class="btn btn-primary">Save changes (but popup does not even close)</button> </div> </div> </div> </div> <br /> input in main page: <input type="text" class="form-control" id="myMainPageInput" /> |
Per salvare alla chiusura del modale
1 2 3 4 5 6 |
<script> $('#myModal').on('hidden.bs.modal', function (e) { var value = $('#myPopupInput').val(); $('#myMainPageInput').val(value); }); </script> |
Per salvare quando si clicca sul bottone SAVE [crayon-5ae2a7d0bbca934598501..
Commenti recenti