JSFiddle - React, Tailwind, and code Playground

HTML

<tr valign="top">   
<select id="dropdown">
  <option value="None">None</option>
  <option value="manufactor">Manufactor *Pending</option>
  <option value="commercial">Commercial Series *Pending</option>
  <option value="part">Part</option>
  <option value="motor">Motor</option>
    </select>
   <table>
<td>
<label for="Make1">Make:</label><br />
<input type="text" name="Make" id="Make1" value="" maxlength="20">
</td>
<td>
<label for="Manufactor1">Manufactor:</label><br />
<input type="text" name="Manufactor" id="Manufactor1" value="" maxlength="15">
</td>
<td>
<label for="Commercial1">Commercial:</label><br />
<input type="text" name="Commercial" id="Commercial1" value="" maxlength="15">
</td>
<td>
<label for="Part1">Part:</label><br />
<input type="text" name="Part" id="Part1" value="" maxlength="15">
</td>
<td>
<label for="motor1">Motor:</label><br />
<input type="text" name="Motor" id="motor1" value="" maxlength="30">
</td>
<td>
<label for="Dropdown1">Search Term:</label><br /> <!--- Want this to show what I selected from Dropdown at the top. -->
<input type="text" name="Dropdown" id="Dropdown1" value="" maxlength="30">
</td>
</table>

JavaScript

$('#dropdown').change(function(){
$('#Dropdown1').val($(this).find(":selected").text())
;
});