Incluir Option em um campo Selecte - Resolvido

Front-end JavaScript
,
#1

Boa noite
Eu sou novo em desenvolvimento e estou tentando realizar o seguinte:
Preciso colocar dados obtidos no javascript em options dentro de um select no html

o código javascript é este:

$(document).ready(function () {
$('select[name=camporegiao]').on('change', function () {
    $.ajax({
        type: 'GET',
        url: '../../FiltroFilial',
        data: 'idregiao=' + $('select[name=camporegiao]').val(),

        statusCode: {
            404: function () {
                alert('Pagina não encontrada');
            },
            500: function () {
                alert('erro no servidor')
            }
        },
        success: function (dados) {
            var filiaisfiltradas = dados.split(";");
            for (var i = 0; i < filiaisfiltradas.length; i++) {
                var codfilial = filiaisfiltradas[i].split("-")[0];
                var nomefilial = filiaisfiltradas[i].split("-")[1];
                console.log(nomefilial);
                $('select[name=campofilial]').append('<option>teste</option>');
            }
        }
    });
})
});

Porém não preenche
Segue html

<div class="col-md-3">
                                                <p>
                                                    <b id="reg" name="reg">Região</b>
                                                </p>
                                                <select id="camporegiao" name="camporegiao" class="form-control show-tick" data-live-search="true">
                                                    <% for(Regiao regiao: fdao.listarRegiao()){ %>
                                                    <option value=<%=regiao.getId()%>><%=regiao.getRegiao()%></option>
                                                    <% } %>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row clearfix">
                                            <div class="col-md-3">
                                                <p>
                                                    <b>Filial</b>
                                                </p>
                                                <select id="campofilial" name="campofilial" class="form-control show-tick" data-live-search="true">
                                                    
                                                </select>
                                            </div>

Muito obrigado

#2

Solucionado

@Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        processRequest(request, response);

        PreparedStatement stmt = null;
        List<Regiao> regioes = new ArrayList<>();
        int idregiao = 0;
        try {
            Class.forName("com.mysql.jdbc.Driver");
            Connection conn = ConexaoMySQL.getConexaoMySQL();
            java.sql.Statement st = conn.createStatement();
            st.executeQuery("SELECT DISTINCT REGIAO FROM `orcamentocontrole` ORDER BY REGIAO");
            ResultSet rs = st.getResultSet();
            while (rs.next()) {
                idregiao++;
                Regiao regiao = new Regiao();
                regiao.setRegiao(rs.getString("REGIAO"));
                regiao.setId(idregiao);
                regioes.add(regiao);
            }
            ConexaoMySQL.FecharConexao();
        } catch (SQLException | ClassNotFoundException ex) {
            Logger.getLogger(FiltroDAO.class.getName()).log(Level.SEVERE, null, ex);
            ConexaoMySQL.FecharConexao();
        }
        DadosFiltro.setId(Integer.parseInt(request.getParameter("idregiao")) - 1);
        DadosFiltro.setRegiao(regioes.get(DadosFiltro.getId()).getRegiao());
    }