JSFiddle - React, Tailwind, and code Playground

HTML

<div class="step-input">
        <label>Employer Location</label>
        <input type="text">
    <div class="select">
        <div class="value" val="London">
            <span>London</span>
        </div>
        <div class="value" val="Paris">
            <span>Paris</span>
        </div>
        <div class="value" val="Praha">
            <span>Praha</span>
        </div>
    </div>
</div>

JavaScript

$('.step-input input').keyup(function() {
        if($(this).val().length > 0){
            $(this).parents('.step-input').find('.select').addClass('active');
        }else{
            $(this).parents('.step-input').find('.select').removeClass('active');
        }
    });    
 
    $('.step-input .select .value').click( function () {
                console.log('dgdfgdfg');
        $(this).parents('.step-input').find('input').val($(this).attr('val'));
    });