JSFiddle - React, Tailwind, and code Playground

by dima_k

HTML

<input type="text" id="province" />
<input type="text" id="city" />

JavaScript

function getCities(province){
    if(province == 'aaaa')
        return ['first aaaa','second aaaa'];
    if(province == 'bbbb')
        return ['first bbbb','second bbbb'];
}
$("#city").autocomplete();

$("#province").autocomplete({
    source:['aaaa','bbbb','cccc'],
    minLength: 1,
    select: function(event, ui) {
        //$("#province").val(ui.item.id);
        $("#city").autocomplete({source: function(request, response){
            response(getCities(ui.item.value));
        }});
    }
});