$(document).ready(function () { $('#page-button').click(function () { $('#modal-text').val($('#textbox').val()); $('#textbox').val(""); }); });
<div class="container">
<!--textbox on main page-->
<input id="textbox" type="text" />
<!--the following has been taken and edited from w3schools from Modals-->
<!-- Trigger the modal with a button -->
<button id="page-button" type="button" data-toggle="modal" data-target="#myModal">Open Modal</button>
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<!-- The Modal text box-->
<input id="modal-text" type="text" />
</div>
<div class="modal-footer">
<button id="close-button" type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
Please refer link for more info.
Passing data from textbox on the page to textbox on popup
I need the same logic in asp.net.