JSFiddle - React, Tailwind, and code Playground

by gustavox

HTML

<script type="text/javascript" src="http://pastebin.com/raw.php?i=Qi2BcFsP"></script>
<form id="sistema" name="sistema" method="post" action="">
    <div></div>
    <div>
        <label>Estado</label>
        <select class="estado" name="estado"></select>
        <label>Cidade</label>
        <select class="cidade" name="cidade"></select>
    </div>

    <div>
        <label>Estado</label>
        <select class="estado" name="estado"></select>
        <label>Cidade</label>
        <select class="cidade" name="cidade"></select>
    </div>
    <div>
        <label>Estado</label>
        <select class="estado" name="estado"></select>
        <label>Cidade</label>
        <select class="cidade" name="cidade"></select>
    </div>
</form>

JavaScript

window.onload = function () {
    var divs = document.querySelectorAll('form > div');
    for (var i = 0; i < divs.length; i++) {
        new dgCidadesEstados({
            estado: divs[i].querySelector('.estado'),
            cidade: divs[i].querySelector('.cidade'),
            estadoVal: '<%=Request("estado") %>',
            cidadeVal: '<%=Request("cidade") %>'
        });
    }
}