title: How to extract data from a Editable Table Form with ajax
body: <p>I have a table inside a form each row correspond to data that can be extract alone. usualy when i submit the form all row are send to the request post. So i add checkboxes to each row in order to select only the raw that supposed to be send and not the other like the picture bellow :</p>
  
  <p><a href="https://i.stack.imgur.com/S19lC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/S19lC.png" alt="enter image description here"></a></p>
  
  <p>i have to find a solution but i don't know where to start i have to send the request in ajax 
  i'm new at coding so if anyone have a lead that can help me resolve this issue  or how can i reform my question  i will appreciate</p>
  
  <p>my code look like this : </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;form action="" method="post"&gt;
              &lt;table class="table"&gt;
                  &lt;thead class="thead-dark"&gt;
                    &lt;tr&gt;
                      &lt;th scope="col"&gt;&lt;i class="fas fa-inbox"&gt;&lt;/i&gt;&lt;/th&gt;
                      &lt;th scope="col"&gt;Consulant&lt;/th&gt;
                      &lt;th scope="col"&gt;cra&lt;/th&gt;
                      &lt;th scope="col"&gt;taux&lt;/th&gt;
                    &lt;/tr&gt;
                  &lt;/thead&gt;
                  &lt;tbody&gt;
                    &lt;tr&gt;
                      &lt;th scope="row"&gt;&lt;input type="checkbox"&gt;&lt;/th&gt;
                      &lt;td&gt;The One&lt;/td&gt;
                      &lt;td&gt;&lt;select name="Cras_status[]" id=""&gt;
                          &lt;option value=""&gt;--Choississez le status--&lt;/option&gt;
                          &lt;option value="1"&gt;En cours&lt;/option&gt;
                          &lt;option value=""&gt;Validité&lt;/option&gt;
                          &lt;option value=""&gt;Refuser&lt;/option&gt;
                      &lt;/select&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;input name="taux" type="number"&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr&gt;
                      &lt;th scope="row"&gt;&lt;input type="checkbox"&gt;&lt;/th&gt;
                      &lt;td&gt;The Two&lt;/td&gt;
                      &lt;td&gt;&lt;select name="Cras_status[]" id=""&gt;
                          &lt;option value=""&gt;--Choississez le status--&lt;/option&gt;
                          &lt;option value="1"&gt;En cours&lt;/option&gt;
                          &lt;option value="2"&gt;Validité&lt;/option&gt;
                          &lt;option value="3"&gt;Refuser&lt;/option&gt;
                      &lt;/select&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;input type="number"&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr&gt;
                      &lt;th scope="row"&gt;&lt;input type="checkbox"&gt;&lt;/th&gt;
                      &lt;td&gt;The Three&lt;/td&gt;
                      &lt;td&gt;&lt;select name="Cras_status[]" id=""&gt;
                          &lt;option value=""&gt;--Choississez le status--&lt;/option&gt;
                          &lt;option value="1"&gt;En cours&lt;/option&gt;
                          &lt;option value="2"&gt;Validité&lt;/option&gt;
                          &lt;option value="3"&gt;Refuser&lt;/option&gt;
                      &lt;/select&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;input name type="number"&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr&gt;
                      &lt;th scope="row"&gt;&lt;input type="checkbox"&gt;&lt;/th&gt;
                      &lt;td&gt;The Four&lt;/td&gt;
                      &lt;td&gt;&lt;select name="Cras_status[]" id=""&gt;
                          &lt;option value=""&gt;--Choississez le status--&lt;/option&gt;
                          &lt;option value="1"&gt;En cours&lt;/option&gt;
                          &lt;option value="2"&gt;Validité&lt;/option&gt;
                          &lt;option value="3"&gt;Refuser&lt;/option&gt;
                      &lt;/select&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;input type="number"&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr&gt;
                      &lt;th scope="row"&gt;&lt;input type="checkbox"&gt;&lt;/th&gt;
                      &lt;td&gt;The Five&lt;/td&gt;
                      &lt;td&gt;&lt;select name="" id=""&gt;
                          &lt;option value=""&gt;--Choississez le status--&lt;/option&gt;
                          &lt;option value="1"&gt;En cours&lt;/option&gt;
                          &lt;option value="2"&gt;Validité&lt;/option&gt;
                          &lt;option value="3"&gt;Refuser&lt;/option&gt;
                      &lt;/select&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;input name="taux" type="number"&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                  &lt;/tbody&gt;
                &lt;/table&gt;
                &lt;div class="float-right"&gt;
                    &lt;button class="btn btn-primary" type="submit"&gt;Envoyer&lt;/button&gt;
                &lt;/div&gt;
                
               
          &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>