JSFiddle - React, Tailwind, and code Playground

by MagicHat

HTML

<body>
	<form method="post" action="html_insert.php"> 
<select id="estado" name="estado" class="form-control input">
  
</select>
<input type="submit" value="Grava BD" />
</form>
<script>
	html="";	
	var data = 
{
    "12": "Acre",
    "27": "Alagoas",
    "16": "Amapá",
    "13": "Amazonas",
    "29": "Bahia",
    "23": "Ceará",
    "53": "Distrito Federal",
    "32": "Espírito Santo",
    "52": "Goiás",
    "21": "Maranhão",
    "51": "Mato Grosso",
    "50": "Mato Grosso do Sul",
    "31": "Minas Gerais",
    "15": "Pará",
    "25": "Paraíba",
    "41": "Paraná",
    "26": "Pernambuco",
    "22": "Piauí",
    "33": "Rio de Janeiro",
    "24": "Rio Grande do Norte",
    "43": "Rio Grande do Sul",
    "11": "Rondônia",
    "14": "Roraima",
    "42": "Santa Catarina",
    "35": "São Paulo",
    "28": "Sergipe",
    "17": "Tocantins"
};
var arr = Object.keys(data).map(function(k) { return data[k] });
arr.sort();
for(var key in arr) {
html += "<option value=" + key + ">" +arr[key] + "</option>";
alert("Key is : " + key + ", value is : " + arr[key]);
}
document.getElementById("estado").innerHTML = html;


</script>
</body>