JSFiddle - React, Tailwind, and code Playground

HTML

<div class='ajaxx'> <span style="font-family: 'Terminal Dosis Light', sans-serif;font-size: 20px">
         <b>Select Customer :</b>
     </span> 
    <input type="text" id="cname" name="cname" class="input_text" value="" required />
    <div id='dc' style="margin-top: 1em;"></div>
</div>

JavaScript

$('#cname').autocomplete({
    source: ["Saab", "Volvo", "BMW", "One", "Oneeee", "Onayyy"],
    select: function (event, ui) {
        var env_id = ui.value;
        $.ajax({
            url: 'dc_ajax.jsp',
            type: 'POST',
            data: {
                count: env_id
            },
            success: function (data) {
                $('#dc').html("data: " + data);
            },
            error: function () {
                $('#dc').html('<p class="error"><strong>Oops!</strong> Try that again in a few moments.</p>');
            }
        });
    }
});