JSFiddle - React, Tailwind, and code Playground

HTML

<label>Functions/Tools :</label>
 <select id ="selFunction" name ="selFunction" class ="DataEntryField">
<option value ="Select">Select</option>
<optgroup label="Import From">
<option value ="1">India</option>
<option value ="2">America</option>
<option value ="3">china</option>

</optgroup>             
 </select>
<input type="button" value="Go" id="functionBtn" onClick="onClickButton()" class = "input"/>

<div id="importLocations" style="display:none;" class="header">
 <span id="locatinCaption">Import Location</span> <span class="close">
 <img id="closeLoc" width="15px" height="15px" alt="Close this section" src="/resources/images/crossMark.gif"/></span>
<br/>
<label class="DataEntryLabel"> Search by </label>
<input  type="text" id="importLocation" value="select" size="30" readonly="readonly"/>
 <input  type="text" id="searchTextArea" size="30" class="DataEntryField"/>
 <button type="button" id="importLoc" value="importLoc" class="DataEntryButton"/>search</button>
 </div>

JavaScript

function onClickButton(){
    $('#importLocations').show();
}