JSFiddle - React, Tailwind, and code Playground

by EMIR MARQUES

HTML

<div class="col-sm-5" onload="selecionar(<%= c.getCidade()%>)">
    <select class="form-control select2" style="width: 100%;" name="cidade" id="cidade">
        <option value="" disabled selected>Selecione a cidade</option> 
        <option>Guaporé</option>
        <option>Serafina Corrêa</option>  
        <option value="Dois Lajeados">Dois Lajeados</option>  
        <option>Ipê</option> 
        <option>Nova Roma do Sul</option> 
        <option>União da Serra</option>  
        <option>Vista Alegre do Prata</option>   
        <option>Antônio Prado</option>  
        <option>Vespasiano Corrêa</option>   
        <option>São Valentim do Sul</option> 
        <option>Nova Prata</option> 
        <option>Casca</option>  
        <option>Arvorezinha</option>    
    </select>
</div>

JavaScript

function selecionar(cidade) {
    var combo = document.getElementById("cidade");

    for (var i = 0; i < combo.options.length; i++) {
        if (combo.options[i].text == cidade) {
            document.getElementById("cidade").options[i].selected = "selected";
            break;
        }
    }
}

selecionar("Nova Prata");