JSFiddle - React, Tailwind, and code Playground

by Lasith De Silva

HTML

<div class="controls">
< a href class="tst_link">test link</a>
<span class="select-replace input-large">

<select name="maincontent_0$ddlDepts" id="maincontent_0_ddlDepts" class="processed">
	<option selected="selected" value="0">-- All Departments --</option>
	<option value="120378">ACME Business Systems</option>
	<option value="22912">All Training Staff</option>
	<option value="113222">-- myQA Dept</option>
	<option value="128339">--- New Department</option>
	<option value="128742">---- New Sub Dept Aug 2018</option>
	<option value="115659">-- Self Reg Dept</option>
	<option value="116141">Lite</option>
	<option value="130549">Test Marketing Department</option>
	<option value="130550">-- Test Marketing Sub Department</option>
	<option value="0">Not assigned to a department</option>

</select>

</span>      

</div>

CSS

select:hover {   
    display: block; 
}

JavaScript

$('.tst_link').onclick(function() {
	alert('test!!!');
});