JSFiddle - React, Tailwind, and code Playground

HTML

<label for="estado">
    <select>
        <option value="0">---Selecione---</option>
        <option value="SP">São Paulo</option>
    </select>
</label>
<label for="cidade">
    <select>
        <option value="0">---Selecione---</option>
    </select>
    <button type="submit" id="listarItens">Buscar</button>
</label>

JavaScript

$('#listarItens').click(function (event) {
    event.preventDefault();
    alert('Alguém carregou no botão!!');
    //aqui executa algumas coisas como um ajax, mas isso acho que não preciso listar correto
});
$('select').each(function () {
    var options = $(this).find('option');
    var qtdOptions = options.length;
    if (qtdOptions == 2)  {
        this.selectedIndex = 1;
        $('#listarItens').trigger('click');
    }
});