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"]
});

$('div.ajaxx').delegate("#cname", "change", function () {
    var env_id = this.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>');
        }
    });
});