JSFiddle - React, Tailwind, and code Playground

HTML

<div class="SwitchCol">
    <span>Editable Select:</span>
    <span>
        <select onchange="$('input#text4').val($(this).val());"> 
            <option>option1</option>
            <option>option2</option>
            <option>option3</option>
            <option>option4</option>
            <option>option5</option>
        </select>
        <input id="text4"/>
    </span>
</div>

CSS

.SwitchCol {
    padding:2px 2px 2px 2px;
    height:20px; max-width:100%; }  

.SwitchCol span { 
    width:140px; 
    display: inline-block; 
}  

input {  
    margin-left: -170px; 
    width: 140px; height: 1.2em; 
}  

select {
    width: 175px; 
}