JSFiddle - React, Tailwind, and code Playground

by Robert N.

HTML

<div class="controls">
<select id="jform_request_pid" name="jform[request][pid]" class="inputbox chzn-done" style="display: none;">
	<option value="0">[Турнир]</option>
	<option value="1">TEST_TOURNAMENT</option>
</select>
<div class="chzn-container chzn-container-single chzn-container-single-nosearch" style="width: 220px;" title="" id="jform_request_pid_chzn">
<a class="chzn-single" tabindex="-1"><span>[Турнир]</span><div><b></b></div></a>
<div class="chzn-drop">
<div class="chzn-search">
<input type="text" autocomplete="off" readonly=""></div>
<ul class="chzn-results"></ul>
</div>
</div>
    
<div class="controls">
<select id="jform_request_tid" name="jform[request][tid]" task="projecttreenodeoptions" required="false" depends="pid" class="inputbox depend chzn-done" current="" style="display: none;">
	<option value="" selected="selected">- Выбрать -</option>
</select>
<div class="chzn-container chzn-container-single chzn-container-single-nosearch" style="width: 220px;" title="" id="jform_request_tid_chzn">
<a class="chzn-single" tabindex="-1"><span>- Выбрать -</span><div><b></b></div></a>
<div class="chzn-drop"><div class="chzn-search">
<input type="text" autocomplete="off" readonly="">
</div>
<ul class="chzn-results"></ul>
</div>
</div>
</div>