JSFiddle - React, Tailwind, and code Playground

HTML

<div class="field-group">
    <div class="editor-label">
        <label for="ManagerID">Manager Name</label>
    </div>
    <div class="editor-field">
        <select name="ManagerList" id="ManagerList">
          <option id="0" value="0">Choose</option>
          <option id="1" value="John">John </option>
          <option id="2" value="Luke">Luke </option>
          <option id="3" value="Lisa">Lisa </option>
          <option id="4" value="Paul">Paul</option>
          <option id="5" value="Stacy">Stacy </option>
        </select>
    </div>
</div>
<div class="field-group">
<div class="editor-label">
<label for="JobID">Manager Name</label>
</div>
<div class="editor-field">
<input id="ManagerName" type="text" name="ManagerName" disabled="disabled"/>
</div></div>

JavaScript

$('#ManagerList').change(function() {
    //get select option value
    var selectedManager = $(this).val();
    //assign selectedManager value to input
    $('#ManagerName').attr('value',selectedManager);
});