JSFiddle - React, Tailwind, and code Playground

by bartula

HTML

<Select class="companyselector">
   <option>Pease select company</option>
   <option value="Company">Company</option>
   <option value="Company-1">Company 1</option>
   <option value="Company-2">Company 2</option>
</Select>
<div id="Company" class="companies" style="display:none"> 
    Company Branch location details:
    <input type="text" class="branch" name="branch-name"/>   
</div>
<div id="Company-1" class="companies" style="display:none"> 
    Company 1 Branch location details:
    <input type="text" class="branch" name="branch-name"/>   
</div>
<div id="Company-2" class="companies" style="display:none"> 
    Company 2 Branch location details:
    <input type="text" class="branch" name="branch-name"/>   
</div>

JavaScript

$(function() {
        $('.companyselector').change(function(){
            $('.companies').hide();
            $('#' + $(this).val()).show();
        });
    });