Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Requisição ajax dentro de outra com dois each

Olá. Como posso trazer o select que esta na segunda requisição em ajax abaixo para inseri-lo corretamente dentro do primeiro que contêm a tag do select , pois quando insiro dentro do primeiro each repete todo os items de uma vez só, e na forma que está repete apenas uma vez apenas no primeiro item

$(document).ready(function(){
            $.ajax({
                url: '/financeiro/limitarGastos/listLimitarGastos',
                })
                .done(function(retorno){

                    $.each(retorno, function(index, obj){

                        var panel = '<div class="col-xxl-4 col-lg-3"><div class="panel"><div class="panel-heading">' +
                              '<h3 class="panel-title font-size-16 p-20 cyan-800">' + obj.categoriaTipoDespesas.nomeTipoDespesas + '</h3></div>' + 
                              /*'<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">' +
                              '<div class="input-group">' +
                              ' <select id="carregarTags" class="form-control" data-toggle="dropdown" role="button">' +
                                        '<option value="0">Vincular a uma conta</option>' +
                                        '</select></div></div>' + */ 
                              '<div class="panel-body px-20 pb-20 pt-10">' + 
                              '<div class="panels-mini-watermark darker font-size-80 m-15"><i class="icon fa-exclamation-triangle" aria-hidden="true"></i></div>' +
                              '<div class="counter counter-lg counter text-left">' +
                              '<div class="counter-number-group mb-5 font-size-14">' +
                              '<span class="counter-number-related">R$ </span>' +
                              '<span class="counter-number">' + obj.valor + '</span></div>' +
                              '<div class="counter-label"><div class="progress progress-lg">' +
                              '<div class="progress-bar progress-bar-info progress-bar-striped active" role="progressbar"' +
                                      'aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width:20%;">' +
                                      '20% Complete (info) </div></div>' +
                              '<div class="counter counter-sm text-left"><div class="counter-number-group">' +
                              '<span class="counter-number font-size-14">70%</span>' +
                              '<span class="counter-number-related font-size-14">do limite alcançado</span>' +
                              '</div></div></div></div></div></div></div>';

                              $('#panel-limit-gastos').append(panel);
                    });

                    $.ajax({
                        url: '/financeiro/minhasContas/listJson',
                    }).done(function(retornoContas){

                        retornoContas.data.forEach(function(dataMC, i) {
                            var option = '<option value="' + dataMC.id + '">' + dataMC.nome + '</option>';
                            $("#carregarTags").append(option);
                        });

                    }).fail(function(retornoContas){

                    });

                })
                .fail(function(obj){
                });
        });
1 resposta
solução!

Consegui resolver aqui pessoal, coloquei o id do primeiro item no seletor do select