JSFiddle - React, Tailwind, and code Playground

HTML

<select id="selAvailable" size="10" style="width:250px" multiple="multiple" ondblclick="selectRow(this,selSelected)">
	<option value="40202">40202</option>
	<option value="9999999">9999999</option>
	<option value="aasddasdas">aasddasdas</option>
	<option value="Admin-agency">Admin-agency</option>
	<option value="Agency-ABC">Agency-ABC</option>
</select>

<select id="selSelected" size="10" style="width:250px" multiple 
ondblclick="selectRow(this, selAvailable)">
</select>

JavaScript

function selectRow(selectFrom, insertTo) {
            var selectedValue = selectFrom.options[selectFrom.selectedIndex].value;
            var insertHere = document.getElementById($(insertTo).attr("id"));
            var option = document.createElement("option");
            
            //--add to Selected Agencies
            option.text = selectedValue;
            insertHere.add(option);
            $(insertTo).change(selectedValue);

            //--remove from Available Agencies
            selectFrom.remove(selectFrom.selectedIndex);
            
        }