JSFiddle - React, Tailwind, and code Playground

by Rafael Boschini

HTML

<select id="cboEstado"></select>

JavaScript

$(document).ready(function(){
	$('#cboEstado')
        .append('<option>São Paulo</option>')
        .append('<option>Rio de Janeiro</option>')
        .append('<option>Minas Gerais</option>');
    
    $('#cboEstado').on('change',function(){

        //Create a new elemment dropdown
        $('<select>')
            .prop('id','cboCidade')
        	.append('<option>Araraquara</option>')
        	.append('<option>Campinas</option>')
            .insertAfter($('#cboEstado'));
        
        //Attach event change in the new elemment
        $('#cboCidade').on('change',function(){
            $('<select>')
                .prop('id','cboItems')
                .append('<option>Item 1</option>')
            	.append('<option>Item 2</option>')
                .insertAfter($('#cboCidade'));
        });
    });
});