title: How to get html rows where text boxes , select boxes values have been changed
body: <p>I have a web form having multiple rows in HTML table. When I click Submit, it's updating all the rows ( passing input values of all the rows to the stored procedure parameter ). 
  All I want is to pass and update only those rows where input values are changed.</p>
  
  <p>My HTMl Source:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  
  
  &lt;head&gt;
  &lt;title&gt; Dashboard:&lt;/title&gt;
  &lt;script language="JavaScript"&gt;
   var gAutoPrint = true; // Tells whether to automatically call the print function
   function printSpecial()
    {
     if (document.getElementById != null)
      {
      var html = '&lt;HTML&gt;\n&lt;HEAD&gt;\n';
      if (document.getElementsByTagName != null)
       {
       var headTags = document.getElementsByTagName("head");
       if (headTags.length &gt; 0)
        html += headTags[0].innerHTML;
       }
  
       html += '\n&lt;/HE&gt;\n&lt;BODY&gt;\n';
  
      var printReadyElem = document.getElementById("printReady");
  
      if (printReadyElem != null)
       {
        html += printReadyElem.innerHTML;
       }
      else
       {
        alert("Could not find the printReady function");
        return;
       }
      html += '\n&lt;/BO&gt;\n&lt;/HT&gt;';
  
      var printWin = window.open("","printSpecial");
      printWin.document.open();
      printWin.document.write(html);
      printWin.document.close();
      if (gAutoPrint)
       printWin.print();
      }
     else
      {
       alert("The print ready feature is only available if you are using an browser. Please update your browswer.");
      }
    }
    
    function validate()
    {
        //alert('here');
        var elements = document.getElementById("frmDtls").elements ;
        var val = [] ;
        var flag = true;
        var x = -1;
        var y = 0;
          
        if(flag == true)
        {
            document.frmDtls.hfrom.value = 'Updt' ;
            document.frmDtls.method = "post" ;
          document.frmDtls.action = "samepage.asp" ;
            document.frmDtls.submit();
           // alert("Record has been Updated Successfully!");
             //window.location.href = window.location.href;
           // location.reload();
         
                               
        }
  //      alert(flag);
    }  
  &lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body background="Images/Notebook.jpg"&gt;
  
  
  &lt;div align="center"&gt;
    &lt;center&gt;
  
  
  &lt;table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111"&gt;
    &lt;tr&gt;
      &lt;td width="100%" align="center"&gt;
      &lt;img border="0" src="Axalta Coating Systems Logo.jpg" width="1200" height="60"&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  
  
  
  
  
  &lt;table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%"&gt;
    &lt;tr&gt;
      &lt;td width="100%" bgcolor="#C0C0C0" align="center"&gt;&lt;b&gt;
      &lt;font face="Times New Roman" size="4"&gt; CYCLE TIMES and UNITS for UPDATING &lt;/font&gt;&lt;/b&gt;&amp;nbsp;
       &lt;/TD&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  &lt;div id="printReady"&gt;
  &lt;div align="center" id="formdiv"&gt;&lt;center&gt;
  &lt;form id="frmDtls" name="frmDtls"&gt;
  &lt;!--&lt;form id="frmDtls" name="frmDtls" target="MyFrame"&gt;--&gt;
  &lt;iframe id="MyFrame" name="MyFrame" style="display:none;"&gt;&lt;/iframe&gt;
  &lt;input type="hidden" name="hfrom" value = ""&gt;
  
  &lt;table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%"&gt;
    &lt;tr&gt;
      &lt;td width="70%" bgcolor="#C0C0C0" align="center"&gt;&lt;b&gt;
    &lt;font face="Times New Roman" size="5"&gt;SELECTED DUAL CODE DETAILS  &lt;/font&gt;&lt;/b&gt;&amp;nbsp;&lt;/td&gt;
   &lt;td width="13%" align="Middle" valign = "Middle" bgcolor="#FFFF00"&gt;
    &lt;input type="button" name='update' value = 'Update' onclick='validate();'&gt;
   &lt;/TD&gt;
   &lt;td width="17%" bgcolor="#C0C0C0" align="Center"&gt;
    &lt;b&gt;&lt;font face="Times New Roman" size="2"&gt; 
      LATEST POSTING DATE / TIME 2/13/2019 7:09:20 AM&lt;/font&gt;&lt;/b&gt;&amp;nbsp;     
   &lt;/TD&gt; 
    &lt;/tr&gt;
  &lt;/table&gt;
  
  
  &lt;table BORDER="1" CELLSPACING="1" CELLPADDING="1"
  style="font-weight: normal; letter-spacing: normal; text-align: left; width:100%;"&gt;
    &lt;tr align="center"&gt;
      &lt;th&gt;&lt;small&gt;&lt;small&gt;&lt;span style="color:darkgreen;font-weight:bold"&gt;Profile ID&lt;/small&gt;&lt;/small&gt;&lt;/th&gt;
      &lt;th&gt;&lt;WIDTH="200"&gt;&lt;small&gt;&lt;small&gt;&lt;span style="color:green;font-weight:bold"&gt;DUAL CODE&lt;/small&gt;&lt;/small&gt;&lt;/th&gt; 
   &lt;th&gt;&lt;small&gt;&lt;span style="color:darkgreen;font-weight:bold"&gt;Description&lt;/small&gt;&lt;/th&gt;
   &lt;th&gt;&lt;small&gt;&lt;span style="color:darkgreen;font-weight:bold"&gt;R/D Material?&lt;/small&gt;&lt;/th&gt;
   &lt;th&gt;&lt;small&gt;&lt;small&gt;&lt;span style="color:darkgreen;font-weight:bold"&gt;Process Step Name&lt;/small&gt;&lt;/small&gt;&lt;/th&gt;
   &lt;th&gt;&lt;small&gt;&lt;small&gt;&lt;span style="color:darkgreen;font-weight:bold"&gt;Process Step Sequence&lt;/small&gt;&lt;/small&gt;&lt;/th&gt;
   &lt;th&gt;&lt;small&gt;&lt;small&gt;&lt;span style="color:darkgreen;font-weight:bold"&gt;FROM Event Status&lt;/small&gt;&lt;/small&gt;&lt;/th&gt;
   &lt;th&gt;&lt;small&gt;&lt;small&gt;&lt;span style="color:darkgreen;font-weight:bold"&gt;TO Event Status&lt;/small&gt;&lt;/small&gt;&lt;/th&gt;
   &lt;th&gt;&lt;small&gt;&lt;small&gt;&lt;span style="color:darkblue;font-weight:bold"&gt;Current CYCLE TIME&lt;/small&gt;&lt;/small&gt;&lt;/th&gt;
   &lt;th&gt;&lt;small&gt;&lt;small&gt;&lt;span style="color:darkred;font-weight:bold"&gt;Updated CYCLE TIME&lt;/small&gt;&lt;/small&gt;&lt;/th&gt; 
   &lt;th&gt;&lt;small&gt;&lt;small&gt;&lt;span style="color:darkblue;font-weight:bold"&gt;Cycle Time Units&lt;/small&gt;&lt;/small&gt;&lt;/th&gt;
  
   &lt;th&gt;&lt;small&gt;&lt;small&gt;&lt;span style="color:darkred;font-weight:bold"&gt;Updated Units&lt;/small&gt;&lt;/small&gt;&lt;/th&gt;
  
   &lt;th&gt;&lt;small&gt;&lt;small&gt;&lt;span style="color:darkblue;font-weight:bold"&gt;Comments&lt;/small&gt;&lt;/small&gt;&lt;/th&gt;
     &lt;/tr&gt;
     &lt;tr&gt;
     &lt;td&gt;&lt;input type="Hidden" name="l_enteredpartialdualcode"   value=""  &gt; &lt;/td&gt;
   &lt;td&gt;&lt;input type="Hidden" name="l_selecteddualcodes"   value="1026-FD195, 1143-01427"  &gt; &lt;/td&gt;
   &lt;td&gt;&lt;input type="Hidden" name="l_selectedprocessstepnames"   value=""  &gt; &lt;/td&gt;
   &lt;td&gt;&lt;input type="Hidden" name="l_selectedgbtindicato"   value="Both"  &gt; &lt;/td&gt;
   &lt;td&gt;&lt;input type="Hidden" name="l_multipledualcodess"   value=""  &gt; &lt;/td&gt;
    &lt;/tr&gt; 
  &lt;TR align=center&gt;&lt;TD Width=90 Height=3 nowrap &gt;&lt;B&gt;1&lt;/B&gt;&lt;/TD&gt;&lt;TD Width=90 Height=3 nowrap &gt;&lt;B&gt;1026-FD195&lt;/B&gt;&lt;/TD&gt;&lt;TD WIDTH=200 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;1026-FD195 E500546 DARK GRAY WBPR&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=30 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=100 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;Load_Cycle&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=100 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;2&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=90 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;LDGS      &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=90 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;LDGC      &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=70 Height=3&gt;&lt;B&gt;6&lt;/B&gt;&lt;/TD&gt;&lt;TD WIDTH=70 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;Select name = 'DDSQ_1_2' font-size=1&gt;&lt;option value = '1' &gt;1&lt;/option&gt;&lt;option value = '2' &gt;2&lt;/option&gt;&lt;option value = '3' &gt;3&lt;/option&gt;&lt;option value = '4' &gt;4&lt;/option&gt;&lt;option value = '5' &gt;5&lt;/option&gt;&lt;option value = '6' selected&gt;6&lt;/option&gt;&lt;option value = '7' &gt;7&lt;/option&gt;&lt;option value = '8' &gt;8&lt;/option&gt;&lt;option value = '9' &gt;9&lt;/option&gt;&lt;option value = '10' &gt;10&lt;/option&gt;&lt;option value = '11' &gt;11&lt;/option&gt;&lt;option value = '12' &gt;12&lt;/option&gt;&lt;option value = '13' &gt;13&lt;/option&gt;&lt;option value = '14' &gt;14&lt;/option&gt;&lt;option value = '15' &gt;15&lt;/option&gt;&lt;option value = '16' &gt;16&lt;/option&gt;&lt;option value = '17' &gt;17&lt;/option&gt;&lt;option value = '18' &gt;18&lt;/option&gt;&lt;option value = '19' &gt;19&lt;/option&gt;&lt;option value = '20' &gt;20&lt;/option&gt;&lt;option value = '21' &gt;21&lt;/option&gt;&lt;option value = '22' &gt;22&lt;/option&gt;&lt;option value = '23' &gt;23&lt;/option&gt;&lt;option value = '24' &gt;24&lt;/option&gt;&lt;option value = '-1' &gt;Clear&lt;/option&gt;&lt;/Select&gt;&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;
    &lt;TD WIDTH=70 Height=3 nowrap&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;
  Hours     &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=70 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;
              &lt;td WIDTH=100 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;input type="text" name="txt_1_2" value="test1" &gt;
     &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;
     
  &lt;TR align=center&gt;&lt;TD Width=90 Height=3 nowrap &gt;&lt;B&gt;1&lt;/B&gt;&lt;/TD&gt;&lt;TD Width=90 Height=3 nowrap &gt;&lt;B&gt;1026-FD195&lt;/B&gt;&lt;/TD&gt;&lt;TD WIDTH=200 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;1026-FD195 E500546 DARK GRAY WBPR&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=30 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=100 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;Test_Cycle&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=100 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;4&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=90 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;TSTS      &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=90 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;TSTC      &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=70 Height=3&gt;&lt;B&gt;6&lt;/B&gt;&lt;/TD&gt;&lt;TD WIDTH=70 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;Select name = 'DDSQ_1_4' font-size=1&gt;&lt;option value = '1' &gt;1&lt;/option&gt;&lt;option value = '2' &gt;2&lt;/option&gt;&lt;option value = '3' &gt;3&lt;/option&gt;&lt;option value = '4' &gt;4&lt;/option&gt;&lt;option value = '5' &gt;5&lt;/option&gt;&lt;option value = '6' selected&gt;6&lt;/option&gt;&lt;option value = '7' &gt;7&lt;/option&gt;&lt;option value = '8' &gt;8&lt;/option&gt;&lt;option value = '9' &gt;9&lt;/option&gt;&lt;option value = '10' &gt;10&lt;/option&gt;&lt;option value = '11' &gt;11&lt;/option&gt;&lt;option value = '12' &gt;12&lt;/option&gt;&lt;option value = '13' &gt;13&lt;/option&gt;&lt;option value = '14' &gt;14&lt;/option&gt;&lt;option value = '15' &gt;15&lt;/option&gt;&lt;option value = '16' &gt;16&lt;/option&gt;&lt;option value = '17' &gt;17&lt;/option&gt;&lt;option value = '18' &gt;18&lt;/option&gt;&lt;option value = '19' &gt;19&lt;/option&gt;&lt;option value = '20' &gt;20&lt;/option&gt;&lt;option value = '21' &gt;21&lt;/option&gt;&lt;option value = '22' &gt;22&lt;/option&gt;&lt;option value = '23' &gt;23&lt;/option&gt;&lt;option value = '24' &gt;24&lt;/option&gt;&lt;option value = '-1' &gt;Clear&lt;/option&gt;&lt;/Select&gt;&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;
    &lt;TD WIDTH=70 Height=3 nowrap&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;
  Hours     &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=70 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;
              &lt;td WIDTH=100 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;input type="text" name="txt_1_4" value="" &gt;
     &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;
     
  &lt;TR align=center&gt;&lt;TD Width=90 Height=3 nowrap &gt;&lt;B&gt;1&lt;/B&gt;&lt;/TD&gt;&lt;TD Width=90 Height=3 nowrap &gt;&lt;B&gt;1026-FD195&lt;/B&gt;&lt;/TD&gt;&lt;TD WIDTH=200 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;1026-FD195 E500546 DARK GRAY WBPR&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=30 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=100 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;FILL_Cycle&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=100 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;6&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=90 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;FLGS      &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=90 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;FLGC      &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=70 Height=3&gt;&lt;B&gt;4&lt;/B&gt;&lt;/TD&gt;&lt;TD WIDTH=70 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;Select name = 'DDSQ_1_6' font-size=1&gt;&lt;option value = '1' &gt;1&lt;/option&gt;&lt;option value = '2' &gt;2&lt;/option&gt;&lt;option value = '3' &gt;3&lt;/option&gt;&lt;option value = '4' selected&gt;4&lt;/option&gt;&lt;option value = '5' &gt;5&lt;/option&gt;&lt;option value = '6' &gt;6&lt;/option&gt;&lt;option value = '7' &gt;7&lt;/option&gt;&lt;option value = '8' &gt;8&lt;/option&gt;&lt;option value = '9' &gt;9&lt;/option&gt;&lt;option value = '10' &gt;10&lt;/option&gt;&lt;option value = '11' &gt;11&lt;/option&gt;&lt;option value = '12' &gt;12&lt;/option&gt;&lt;option value = '13' &gt;13&lt;/option&gt;&lt;option value = '14' &gt;14&lt;/option&gt;&lt;option value = '15' &gt;15&lt;/option&gt;&lt;option value = '16' &gt;16&lt;/option&gt;&lt;option value = '17' &gt;17&lt;/option&gt;&lt;option value = '18' &gt;18&lt;/option&gt;&lt;option value = '19' &gt;19&lt;/option&gt;&lt;option value = '20' &gt;20&lt;/option&gt;&lt;option value = '21' &gt;21&lt;/option&gt;&lt;option value = '22' &gt;22&lt;/option&gt;&lt;option value = '23' &gt;23&lt;/option&gt;&lt;option value = '24' &gt;24&lt;/option&gt;&lt;option value = '-1' &gt;Clear&lt;/option&gt;&lt;/Select&gt;&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;
    &lt;TD WIDTH=70 Height=3 nowrap&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;
  Hours     &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=70 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;
              &lt;td WIDTH=100 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;input type="text" name="txt_1_6" value="test1" &gt;
     &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;
     
  &lt;TR align=center&gt;&lt;TD Width=90 Height=3 nowrap &gt;&lt;B&gt;2&lt;/B&gt;&lt;/TD&gt;&lt;TD Width=90 Height=3 nowrap &gt;&lt;B&gt;1143-01427&lt;/B&gt;&lt;/TD&gt;&lt;TD WIDTH=200 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;1143-01427 E450552 TITANIUM SBPR&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=30 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=100 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;Load_Cycle&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=100 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;2&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=90 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;LDGS      &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=90 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;LDGC      &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=70 Height=3&gt;&lt;B&gt;3&lt;/B&gt;&lt;/TD&gt;&lt;TD WIDTH=70 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;Select name = 'DDSQ_2_2' font-size=1&gt;&lt;option value = '1' &gt;1&lt;/option&gt;&lt;option value = '2' &gt;2&lt;/option&gt;&lt;option value = '3' selected&gt;3&lt;/option&gt;&lt;option value = '4' &gt;4&lt;/option&gt;&lt;option value = '5' &gt;5&lt;/option&gt;&lt;option value = '6' &gt;6&lt;/option&gt;&lt;option value = '7' &gt;7&lt;/option&gt;&lt;option value = '8' &gt;8&lt;/option&gt;&lt;option value = '9' &gt;9&lt;/option&gt;&lt;option value = '10' &gt;10&lt;/option&gt;&lt;option value = '11' &gt;11&lt;/option&gt;&lt;option value = '12' &gt;12&lt;/option&gt;&lt;option value = '13' &gt;13&lt;/option&gt;&lt;option value = '14' &gt;14&lt;/option&gt;&lt;option value = '15' &gt;15&lt;/option&gt;&lt;option value = '16' &gt;16&lt;/option&gt;&lt;option value = '17' &gt;17&lt;/option&gt;&lt;option value = '18' &gt;18&lt;/option&gt;&lt;option value = '19' &gt;19&lt;/option&gt;&lt;option value = '20' &gt;20&lt;/option&gt;&lt;option value = '21' &gt;21&lt;/option&gt;&lt;option value = '22' &gt;22&lt;/option&gt;&lt;option value = '23' &gt;23&lt;/option&gt;&lt;option value = '24' &gt;24&lt;/option&gt;&lt;option value = '-1' &gt;Clear&lt;/option&gt;&lt;/Select&gt;&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;
    &lt;TD WIDTH=70 Height=3 nowrap&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;
  Hours     &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=70 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;
              &lt;td WIDTH=100 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;input type="text" name="txt_2_2" value="" &gt;
     &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;
     
  &lt;TR align=center&gt;&lt;TD Width=90 Height=3 nowrap &gt;&lt;B&gt;2&lt;/B&gt;&lt;/TD&gt;&lt;TD Width=90 Height=3 nowrap &gt;&lt;B&gt;1143-01427&lt;/B&gt;&lt;/TD&gt;&lt;TD WIDTH=200 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;1143-01427 E450552 TITANIUM SBPR&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=30 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=100 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;Test_Cycle&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=100 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;4&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=90 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;TSTS      &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=90 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;TSTC      &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=70 Height=3&gt;&lt;B&gt;6&lt;/B&gt;&lt;/TD&gt;&lt;TD WIDTH=70 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;Select name = 'DDSQ_2_4' font-size=1&gt;&lt;option value = '1' &gt;1&lt;/option&gt;&lt;option value = '2' &gt;2&lt;/option&gt;&lt;option value = '3' &gt;3&lt;/option&gt;&lt;option value = '4' &gt;4&lt;/option&gt;&lt;option value = '5' &gt;5&lt;/option&gt;&lt;option value = '6' selected&gt;6&lt;/option&gt;&lt;option value = '7' &gt;7&lt;/option&gt;&lt;option value = '8' &gt;8&lt;/option&gt;&lt;option value = '9' &gt;9&lt;/option&gt;&lt;option value = '10' &gt;10&lt;/option&gt;&lt;option value = '11' &gt;11&lt;/option&gt;&lt;option value = '12' &gt;12&lt;/option&gt;&lt;option value = '13' &gt;13&lt;/option&gt;&lt;option value = '14' &gt;14&lt;/option&gt;&lt;option value = '15' &gt;15&lt;/option&gt;&lt;option value = '16' &gt;16&lt;/option&gt;&lt;option value = '17' &gt;17&lt;/option&gt;&lt;option value = '18' &gt;18&lt;/option&gt;&lt;option value = '19' &gt;19&lt;/option&gt;&lt;option value = '20' &gt;20&lt;/option&gt;&lt;option value = '21' &gt;21&lt;/option&gt;&lt;option value = '22' &gt;22&lt;/option&gt;&lt;option value = '23' &gt;23&lt;/option&gt;&lt;option value = '24' &gt;24&lt;/option&gt;&lt;option value = '-1' &gt;Clear&lt;/option&gt;&lt;/Select&gt;&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;
    &lt;TD WIDTH=70 Height=3 nowrap&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;
  Hours     &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=70 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;
              &lt;td WIDTH=100 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;input type="text" name="txt_2_4" value="test" &gt;
     &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;
     
  &lt;TR align=center&gt;&lt;TD Width=90 Height=3 nowrap &gt;&lt;B&gt;2&lt;/B&gt;&lt;/TD&gt;&lt;TD Width=90 Height=3 nowrap &gt;&lt;B&gt;1143-01427&lt;/B&gt;&lt;/TD&gt;&lt;TD WIDTH=200 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;1143-01427 E450552 TITANIUM SBPR&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=30 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=100 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;FILL_Cycle&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=100 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;6&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=90 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;FLGS      &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=90 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;FLGC      &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=70 Height=3&gt;&lt;B&gt;6&lt;/B&gt;&lt;/TD&gt;&lt;TD WIDTH=70 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;Select name = 'DDSQ_2_6' font-size=1&gt;&lt;option value = '1' &gt;1&lt;/option&gt;&lt;option value = '2' &gt;2&lt;/option&gt;&lt;option value = '3' &gt;3&lt;/option&gt;&lt;option value = '4' &gt;4&lt;/option&gt;&lt;option value = '5' &gt;5&lt;/option&gt;&lt;option value = '6' selected&gt;6&lt;/option&gt;&lt;option value = '7' &gt;7&lt;/option&gt;&lt;option value = '8' &gt;8&lt;/option&gt;&lt;option value = '9' &gt;9&lt;/option&gt;&lt;option value = '10' &gt;10&lt;/option&gt;&lt;option value = '11' &gt;11&lt;/option&gt;&lt;option value = '12' &gt;12&lt;/option&gt;&lt;option value = '13' &gt;13&lt;/option&gt;&lt;option value = '14' &gt;14&lt;/option&gt;&lt;option value = '15' &gt;15&lt;/option&gt;&lt;option value = '16' &gt;16&lt;/option&gt;&lt;option value = '17' &gt;17&lt;/option&gt;&lt;option value = '18' &gt;18&lt;/option&gt;&lt;option value = '19' &gt;19&lt;/option&gt;&lt;option value = '20' &gt;20&lt;/option&gt;&lt;option value = '21' &gt;21&lt;/option&gt;&lt;option value = '22' &gt;22&lt;/option&gt;&lt;option value = '23' &gt;23&lt;/option&gt;&lt;option value = '24' &gt;24&lt;/option&gt;&lt;option value = '-1' &gt;Clear&lt;/option&gt;&lt;/Select&gt;&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;
    &lt;TD WIDTH=70 Height=3 nowrap&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;
  Hours     &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;&lt;TD WIDTH=70 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;
              &lt;td WIDTH=100 Height=3&gt;&lt;small&gt;&lt;small&gt;&lt;B&gt;&lt;input type="text" name="txt_2_6" value="test2" &gt;
     &lt;/B&gt;&lt;/small&gt;&lt;/small&gt;&lt;/TD&gt;
     
  
  
  &lt;/table&gt;
  &lt;/form&gt;
  &lt;/center&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;p&gt;&lt;small&gt;&lt;small&gt;&lt;strong&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
  End of Report.&lt;/strong&gt;&lt;/small&gt;&lt;/small&gt;&lt;/p&gt;
  
  &lt;p align="center"&gt;&lt;strong&gt;&lt;big&gt;&lt;big&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/big&gt;&lt;/big&gt;&lt;/strong&gt;&lt;/p&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
   Run code snippetExpand snippet</code></pre>
  </div>
  </div>
  </p>
  
  <p>Template is here : <a href="https://drive.google.com/file/d/1Ej0yhE3kGrFqZsNG58E5d_xZOUc7vwJB/view?usp=sharing" rel="nofollow noreferrer">Web Page Template</a></p>
  
  <p>Currently I am trying to append all the row id's with ';' separated on textbox OnChange event in javascript and store it in variable and then pass only these id's to my sql query but I am not able to figure out how to do that.</p>
  
  <p>Is there any way you guys can help me out with?.</p>
  
  <p>My HTML :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input type="text" name="txt_&lt;%=l_profileid %&gt;_&lt;%=l_processstepsequence%&gt;" value="&lt;%= l_comments%&gt;" onfocus="this.oldvalue = this.value;" onchange="onChangeTest(this);this.oldvalue = this.value;" &gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function onChangeTest(textbox){
      alert("Value is " + textbox.value + "\n" + "Old Value is " + textbox.oldvalue  + "\n" + "Name is " + textbox.name);
  }</code></pre>
  </div>
  </div>
  </p>