javascript - how to pass data from a form to popup form on clicking on a link in mvc -

i doing project in mvc , in have created table. works fine , need on 1 row have given link . on clicking on link have popup form data same particular column.

view - students.cshtml

<tr>     <td style="font-weight:bold; text-align: center;">          sl no     </td>     <td style="font-weight:bold; text-align: center;">         name     </td>     <td style="font-weight:bold; text-align: center;">         div     </td>     <td style="font-weight:bold; text-align: center;">         <a href="@url.action("home", "admin", new { id = @item.id})">   <i class="fa fa-plus-circle" aria-hidden="true"></i>   </a>    </td>                                                 </tr> 

here problem is, how can popup form data of students.cshtml form popup form. is, sl.no, name , div on pop form. whether need write ajax script popup?? pass data?? don't know do. can please me find solution ??

it's worth remembering modal popup not separate page standard markup styled it's sitting ontop of current page.

on clicking on link have popup form data same particular column.

if of information want show on page there no need make ajax request fetch it, instead can use basic javascript show modal popup when link clicked.

see how create modal popup using javascript? or how create modal popup using javascript , css details of how create modal popup using javascript.