javascript – Como armazenar varios itens com multiple select (Estado e cidades)


Estou tentando armazenar varias cidades de estados diferentes. Estou usando o evento OnChange mas ao mudar o estado eu perco as cidades escolhidas. Queria armazenar esses valores em um campo antes de envia-los ao banco de dados. Alguem consegue me ajudar nisso ?

Segue trechos do codigo:

$('#selectEstado').on("change",function(){  

                
                     
                    listaCidades();

});

function listaCidades(){

        regiaoEstado=$("#selectEstado").val();
        
        
                                    $.ajax({
                                    type: 'POST',
                                    data: {regiao:regiaoEstado },
                                    url: urlPoint+'puxar-teste.php',
                                    crossDomain: true,
    
                                    success: function (respost) {
                                                                        
                                        
                                        if (respost == 0) {
                                          
                                        console.log('Problema com banco');                                     
                                        }
    
                                        if (respost !== 0) {
                                         
                                         $("#listaCidades").html(respost); 
                                        
                                         
                                            
                                          
                                        }
                                        
                                         if (respost == 1) {
                                           
                                         console.log('Não tem cidades');
                                         app.dialog.alert('Não existem cidades cadastradas para esse Estado', '<i class="mdi mdi-alert"></i> Nada encontrado'); 

                                         
                                        }
    
                                        
    
                                    },
    
                                    error: function (erro) {
                                        console.log('Falha ao se comunicar com servidor');
                                                         
                                       
                                    }
    
                                });
        
    }

// parte do html

    <select class="minimal" id="selectEstado" name="selectEstado" style="border: none; border:solid 1px #e0dede;  border-radius: 5px; padding: 8px 16px;height:50px">
                                            <option value="" disabled="disabled" selected="true" >Selecione o Estado</option>           
                                            <option value="Brasil">Todo o Brasil</option>
                                            <option value="AC">Acre</option>
                                            <option value="AL">Alagoas</option>
                                            <option value="AP">Amapá</option>
                                            <option value="AM">Amazonas</option>
                                            <option value="BA">Bahia</option>
                                            <option value="CE">Ceará</option>
                                            <option value="DF">Distrito Federal</option>
                                            <option value="ES">Espírito Santo</option>
                                            <option value="GO">Goiás</option>
                                            <option value="MA">Maranhão</option>
                                            <option value="MT">Mato Grosso</option>
                                            <option value="MS">Mato Grosso do Sul</option>
                                            <option value="MG">Minas Gerais</option>
                                            <option value="PA">Pará</option>
                                            <option value="PB">Paraíba</option>
                                            <option value="PR">Paraná</option>
                                            <option value="PE">Pernambuco</option>
                                            <option value="PI">Piauí</option>
                                            <option value="RJ">Rio de Janeiro</option>
                                            <option value="RN">Rio Grande do Norte</option>
                                            <option value="RS">Rio Grande do Sul</option>
                                            <option value="RO">Rondônia</option>
                                            <option value="RR">Roraima</option>
                                            <option value="SC">Santa Catarina</option>
                                            <option value="SP">São Paulo</option>
                                            <option value="SE">Sergipe</option>
                                            <option value="TO">Tocantins</option>
                                        </select>
                                        
                                        
                        
                                <div class="block-title" style="color:#000">Clique abaixo para definir a região de atuação</div>  
                                   <div class="block">
                                    <a class="item-link smart-select smart-select-init" data-virtual-list="true" data-open-in="popup"  data-searchbar="true" data-searchbar-placeholder="Buscar cidades">
                                        <select name="smart-select()" id="listaCidades" multiple>                                     
                                              
                                          
                                        </select>
                                        
                                         
    
                                    </div>