JSFiddle - React, Tailwind, and code Playground

by shubh0602

HTML

<label for="autocomplete">Select a programming language:</label>
<input id="autocomplete">
<br/>
<label for="year">Select a programming language:</label>
<input id="year">

JavaScript

var areaid;
$("#autocomplete").autocomplete({
    source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"],
    select: function (event, ui) {

        areaid = ui.item.value;
        //alert(areaid);
        console.log(areaid);
        //Alerts the correct value here.
    }
});
$("#year").autocomplete({
    source: function (request, response) { // Contains
        $.ajax({
            url: "databasescripts/findcentre.php?AreaID=" + areaid
        });
    },
    select: function (event, ui) {

        console.log(areaid);
        //Alerts the correct value here.
    }
});