title: How to update particular row in sql using the content of particular bootstrap 4 cards?
body: <p>I have the following database:</p>
  
  <p>| fund_name | fund_description | amount_received | actual_amount</p>
  
  <p>Bootstrap With PHP :</p>
  
  <pre><code>&lt;div class="card-deck"&gt;
          &lt;?php 
  
              $sql = "SELECT * FROM fundraiser;";
                          $result = mysqli_query($conn,$sql);
                         while($row = mysqli_fetch_assoc($result)){
  
                              echo '&lt;div class="card"&gt;
                              &lt;img class="card-img-top" &gt;
                                  &lt;div class="card-body text-center"&gt;
                              &lt;h5 class="card-title"&gt;'.$row['fund_name'].'&lt;/h5&gt;
                              &lt;div class="card-text"&gt;
  
                               &lt;p&gt;'.$row['fund_description'].'&lt;/p&gt;
  
                             &lt;h6&gt;Amount:'.$row['actual_amount'].'&lt;/h6&gt;
                              &lt;div class="progress"&gt;
                              &lt;div class="progress-bar" role="progressbar" 
                              style="width:'.$row['amount_received'].'%;"aria- 
                              valuenow="0" aria-valuemin="0" aria- 
                              valuemax="1000"&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                  &lt;div class="mt-2"&gt;
                   &lt;button type="button" class="btn btn-md btn-primary" data- 
               toggle="modal" data-target="#exampleModalCenter"&gt; Donate 
                  &lt;/button&gt;
                  &lt;/div&gt;
  
  
                                                   &lt;/div&gt;
  
                                              &lt;/div&gt;
  
                                           &lt;/div&gt;';
                                  }
  
  
                               ?&gt;
  
                          &lt;/div&gt;
                          &lt;!-- Modal --&gt;
      &lt;div class="modal fade" id="exampleModalCenter" tabindex="-1" 
      role="dialog" aria-labelledby="exampleModalCenterTitle" aria- 
      hidden="true"&gt;
      &lt;div class="modal-dialog modal-dialog-centered" role="document"&gt;
          &lt;div class="modal-content"&gt;
              &lt;div class="modal-header"&gt;
              &lt;h5 class="modal-title" id="exampleModalLongTitle"&gt;Modal 
              title&lt;/h5&gt;
            &lt;button type="button" class="close" data-dismiss="modal" aria- 
             label="Close"&gt;
            &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
            &lt;/button&gt;
          &lt;/div&gt;
          &lt;div class="modal-body"&gt;
          &lt;form&gt;
          &lt;div class="form-group"&gt;
          &lt;label for="formGroupExampleInput"&gt;Enter Amount&lt;/label&gt;
          &lt;input type="number" class="form-control" id="formGroupExampleInput" 
          placeholder="Enter Amount"&gt;
          &lt;/div&gt;
          &lt;div class="form-group"&gt;
          &lt;input type="submit" class="form-control btn btn-primary btn-small" 
           id="formGroupExampleInput" &gt;
          &lt;/div&gt;
  
                                      &lt;/form&gt;
                                    &lt;/div&gt;
                                  &lt;/div&gt;
                                &lt;/div&gt;
                              &lt;/div&gt;
                      &lt;/div&gt;
  </code></pre>
  
  <p>Here In my above code im obtaining data from database and displaying the fundraisers using the bootstrap 4. Each fundraisers is displayed using the cards and each card has a donate button. Donate button links to a modal which has a form to pay amount to fundraisers.</p>
  
  <p>My Question is how to differentiate the donate button of a particular card that payment is going on for that so that i can store 'amount_received' field in database for a particular row of fundraiser?</p>