JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<table class="table table-striped">
   <thead class="thead-dark">
      <tr>
         <th scope="col"><a class="btn btn-primary" onclick="myFunction()" style="float:right;" role="button">Insert ABC</a></th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td width="*" valign="top">
            <form action="add.php" id="myform" method="post">
               <input name="wdate" type="hidden" id="wdate" value="2019-03-13">
               <div class="form-row">
                  <div class="form-group col-md-6"><label for="title_en">Title (EN)</label><input name="title_en" type="text" id="title_en" value="" class="form-control"></div>
                  <div class="form-group col-md-6"><label for="title_fr">Title (FR)</label><input name="title_fr" type="text" id="title_fr" value="" class="form-control"></div>
               </div>
               <div class="form-row">
                  <div class="form-group col-md-6"><label for="description_en">Description (EN)</label><textarea rows="3" name="description_en" id="description_en" class="form-control"></textarea></div>
                  <div class="form-group col-md-6"><label for="description_fr">Description (FR)</label><textarea rows="3" name="description_fr" id="description_fr" class="form-control"></textarea></div>
               </div>
               <div class="form-row">
                  <div class="form-group col-md-6">
                     <label for="program_id">Program</label>
                     <select class="form-control" id="program_id" name="program_id">
                        <option value="55">CURRENT Documentaries (ID#55)</option>
                        <option value="5">CURRENT Special (ID#5)</option>
                        <option value="58">Did You Know? (ID#58)</option>
                        <option value="6">ABC (ID#6)</option>
                     </select>
                  </div>
...

JavaScript

function myFunction() {
  document.getElementById('title_en').value="Good Morning";
  document.getElementById('title_fr').value="Bonjour";
  document.getElementById('description_en').value="Bonjour";
 document.getElementById('description_fr').value="Bonjour";
 document.getElementById('program_id').value="6";
}