JSFiddle - React, Tailwind, and code Playground

by oakley808

HTML

<form name="summary_form" method="post" action="">
    <table width="100%" border="1" cellspacing="0" cellpadding="0" align="left">
        <tr>
            <td width="15%" height="29" bgcolor="#999999"> <b><p  align="center"><font face="Verdana, Arial, Helvetica, sans-serif"  size="1" color="#FFFFFF" > Start Date</font></p></b>

            </td>
            <td width="7%" height="29" bgcolor="#999999"> <b><p  align="center"><font face="Verdana, Arial, Helvetica, sans-serif"  size="1" color="#FFFFFF" > Seq#</font></p></b>

            </td>
            <td width="25%" height="29" bgcolor="#999999"> <b><p  align="center"><font face="Verdana, Arial, Helvetica, sans-serif"  size="1" color="#FFFFFF" > Position</font></p></b>

            </td>
            <td width="25%" height="29" bgcolor="#999999"> <b><p  align="center"><font face="Verdana, Arial, Helvetica, sans-serif"  size="1" color="#FFFFFF" > Location</font></p></b>

            </td>
            <td width="25%" height="29" bgcolor="#999999"> <b><p  align="center"><font face="Verdana, Arial, Helvetica, sans-serif"  size="1" color="#FFFFFF" > Department</font></p></b>

            </td>
            <td width="15%" height="29" bgcolor="#999999"> <b><p  align="center"><font face="Verdana, Arial, Helvetica, sans-serif"  size="1" color="#FFFFFF" > Salary/Hourly Rate</font></p></b>

            </td>
            <td height="29" bgcolor="#999999">
                <div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#993300"><b><font color="#FFFFFF">&nbsp;</font> 
                    </b>
                    </font>
                </div>
            </td>
        </tr>
        <tr>
            <td width="15%" height="29" style="font-family: Verdana; font-size: 8pt">
                <div align="center" style=" font-family:Verdana;font-size:8pt;" tabindex="10">10/24/2008</div>
            </td>
            <td width="7%" height="29" style="font-family: Verdana; font-size: 8pt">
     ...

JavaScript

$('tr').on(' click', function(evt){
    var $row = $(evt.currentTarget);
    $('#employeeid_key').val( $row.find('input[name=employeeid_key1]').val() );
    $('#posstartdate_key').val( $row.find('input[name=posstartdate_key1]').val() );
});