Catching with $ _POST values from generated fields from a dynamic select

Code that generates fields from a select

$(document).ready(function(){

    $(document).on('change', '#sectionChooser', function(){
        var myID = $(this).val();
        $('.panel').each(function(){
            myID === $(this).attr('id') ? $(this).show() : $(this).hide();
            console.log("ok");
        });
    })


   $(document).on('change', '[name^="bairro"]', function(){ var bairroID = $(this).val();
        console.log("ok");

        if(bairroID){
            $.ajax({
                type:'POST',
                url:'ajax_data2.php',
                data:'bairro_id='+bairroID,
                success:function(html){
                    $('#rua[name^="rua"]').html(html);

                }
            }); 
        }else{
            $('#rua').html('<option value="">Select categoria first</option>');

        }
    });

});

Code that I use to get fields with the $ _ POST method

$(document).ready(function () {



    $('#form_cadastros_empresa').validate({ // initialize the plugin
        rules: {
            endereco_buscauiva: {
                required: true,
            },
            nome: {
                required: true,
            }
        },


            messages: {
        required: "Campo obrigatório",
        remote: "Please fix this field.",
        email: "Por favor insira um email válido",
        url: "Please enter a valid URL.",
        date: "Please enter a valid date.",
        dateISO: "Please enter a valid date (ISO).",
        number: "Por favor digite apenas números.",
        digits: "Please enter only digits.",
        equalTo: "Please enter the same value again.",
        maxlength: $.validator.format( "Não insira mais do que {0} caracteres." ),
        minlength: $.validator.format( "Digite pelo menos {0} caracteres." ),
        rangelength: $.validator.format( "Please enter a value between {0} and {1} characters long." ),
        range: $.validator.format( "Please enter a value between {0} and {1}." ),
        max: $.validator.format( "Please enter a value less than or equal to {0}." ),
        min: $.validator.format( "Please enter a value greater than or equal to {0}." ),
        step: $.validator.format( "Please enter a multiple of {0}." )
    },



        submitHandler: function (form) { // for demo
 $(".resultado_form_cadastros_empresa").html('<div class="spinner"></div>');
var form = $('#form_cadastros_empresa');


var Logomarca = $('#Logomarca').prop('files')[0];
var imagem1 = $('#imagem1').prop('files')[0];
var imagem2 = $('#imagem2').prop('files')[0];
var imagem3 = $('#imagem3').prop('files')[0];




var form_data = new FormData();

var categoria = $("#categoria").val();
var subcategoria = $("#subcategoria").val();
var banner_tempo = $("#banner_tempo").val();
var Nome = $("#Nome").val();

var bairro = $("#bairro").val();
var rua = $("#rua").val();
var Numero = $("#Numero").val();
var Complemento = $("#Complemento").val();
var CEP = $("#CEP").val();
var funcionamento = $("#funcionamento").val();
var email = $("#email").val();
var Telefone1 = $("#Telefone1").val();
var Telefone2 = $("#Telefone2").val();
var Telefone3 = $("#Telefone3").val();
var descricao = $("#descricao").val();
var Site = $("#Site").val();
var Facebook = $("#Facebook").val();
var Intsagram = $("#Instagram").val();
var Twitter = $("#Twitter").val();

var endereco_buscauiva = $("#endereco_buscauiva").val();
var palavras_chave = $("#palavras_chave").val();

var marcas = $("#marcas").val();
var sectionChooser = $("#sectionChooser").val();
var plano_congelado = $("#plano_congelado").val();

var nenhum_tipo = ''; if($("#nenhum_tipo").is(':checked')) { nenhum_tipo = $("#nenhum_tipo").val(); }
var Bloco_1 = ''; if($("#Bloco_1").is(':checked')) { Bloco_1 = $("#Bloco_1").val(); }
var Bloco_2 = ''; if($("#Bloco_2").is(':checked')) { Bloco_2 = $("#Bloco_2").val(); }
var Bloco_3 = ''; if($("#Bloco_3").is(':checked')) { Bloco_3 = $("#Bloco_3").val(); }
var Bloco_4 = ''; if($("#Bloco_4").is(':checked')) { Bloco_4 = $("#Bloco_4").val(); }
var Bloco_5 = ''; if($("#Bloco_5").is(':checked')) { Bloco_5 = $("#Bloco_5").val(); }

var nenhum_tempo = $("#nenhum_tempo").val();
var aparecer_4_segundos = $("#aparecer_4_segundos").val();
var aparecer_8_segundos = $("#aparecer_8_segundos").val();

var dia_vencimento = $("#dia_vencimento").val();

var cadastros_empresa = $("#cadastros_empresa").val();

var nomeUsuario = $("#nomeUsuario").val();
var senha = $("#senha").val();

form_data.append('categoria', categoria);
form_data.append('subcategoria', subcategoria);
form_data.append('cadastros_empresa', cadastros_empresa);
form_data.append('Nome', Nome);
form_data.append('banner_tempo', banner_tempo);

form_data.append('rua', rua);
form_data.append('bairro', bairro);
form_data.append('Numero', Numero);
form_data.append('Complemento', Complemento);
form_data.append('CEP', CEP);
form_data.append('funcionamento', funcionamento);
form_data.append('email', email);
form_data.append('Telefone1', Telefone1);
form_data.append('Telefone2', Telefone2);
form_data.append('Telefone3', Telefone3);
form_data.append('descricao', descricao);
form_data.append('Site', Site);
form_data.append('Facebook', Facebook);
form_data.append('Instagram', Intsagram);
form_data.append('Twitter', Twitter);

form_data.append('endereco_buscauiva', endereco_buscauiva);
form_data.append('palavras_chave', palavras_chave);

form_data.append('marcas', marcas);
form_data.append('sectionChooser', sectionChooser);
form_data.append('plano_congelado', plano_congelado);

form_data.append('nenhum_tipo', nenhum_tipo);
form_data.append('Bloco_1', Bloco_1);
form_data.append('Bloco_2', Bloco_2);
form_data.append('Bloco_3', Bloco_3);
form_data.append('Bloco_4', Bloco_4);
form_data.append('Bloco_5', Bloco_5);


form_data.append('nenhum_tempo', nenhum_tempo);
form_data.append('aparecer_4_segundos', aparecer_4_segundos);
form_data.append('aparecer_8_segundos', aparecer_8_segundos);

form_data.append('dia_vencimento', dia_vencimento);

    form_data.append('logomarca', Logomarca);
    form_data.append('imagem1', imagem1);
    form_data.append('imagem2', imagem2);
    form_data.append('imagem3', imagem3);





        form_data.append('nomeUsuario', nomeUsuario);
    form_data.append('senha', senha);
    //alert(form_data);
    $.ajax({
        url: 'form_cadastro.php', // point to server-side PHP script
        dataType: 'text',  // what to expect back from the PHP script, if anything
        cache: false,
        contentType: false, 
        processData: false,
        data: form_data,
        type: 'POST',

        success: function(php_script_response){
            //alert(php_script_response); // display response from the PHP script, if any
// pegando os dados

$('html, body').animate({ scrollTop: 0 }, 0);

        }

     })





            .done(function(data){
                $('.resultado_form_cadastros_empresa').fadeOut('slow', function(){
                    $('.resultado_form_cadastros_empresa').fadeIn('slow').html(data);


                });
            })
            .fail(function(){
                alert('Ajax Submit Failed ...');
            });
            return false; // for demo
        }
    });

How would you get the generated values in .panel and lead to a php page? Whereas these values are dynamic from a select, as you can see in the code.

.panel html

    <div class="panel" id="1" style="display: none;">
   <div class="col-sm-12">
      <label><b>Diamante</b></label>
   </div>
   <div class="form-group ">
      <div class="row">
         <div class="col-sm-12">
            <label for="endereco_buscauiva">Endereço Buscauiva</label>
            <input type="text" class="form-control" id="endereco_buscauiva" placeholder="http://buscaiuva.com.br/NomeDaEmpresa" required=""> 
         </div>
      </div>
   </div>
   <div class="form-group ">
      <div class="row">
         <div class="col-sm-12">
            <label for="Logomarca">Logomarca</label>
            <input type="file" class="form-control" id="Logomarca">
         </div>
      </div>
   </div>
   <div class="form-group ">
      <div class="row">
         <div class="col-sm-4">
            <label for="imagem1">Imagem banner 1</label>
            <input type="file" class="form-control" id="imagem1">
         </div>
         <div class="col-sm-4">
            <label for="imagem2">Imagem banner 2</label>
            <input type="file" class="form-control" id="imagem2">
         </div>
         <div class="col-sm-4">
            <label for="imagem3">Imagem banner 3</label>
            <input type="file" class="form-control" id="imagem3">
         </div>
      </div>
   </div>
   <div class="form-group ">
      <div class="row">
         <div class="col-sm-4">
            <label for="Telefone1">Telefone 1</label>
            <input type="text" class="form-control" id="Telefone1" placeholder="Telefone 1" required="">
         </div>
         <div class="col-sm-4">
            <label for="Telefone2">Telefone 2</label>
            <input type="text" class="form-control" id="Telefone2" placeholder="Telefone 2">
         </div>
         <div class="col-sm-4">
            <label for="Telefone3">Telefone 3</label>
            <input type="text" class="form-control" id="Telefone3" placeholder="Telefone 3">
         </div>
         <hr>
      </div>
   </div>
   <div class="form-group ">
      <div class="row">
         <div class="col-sm-6">
            <label for="Bairro">Bairro</label>
            <select class="form-control" name="bairro1" id="bairro1" required="">
               <option value="">Selecione</option>
               <option value="1">teste bairro</option>
               <option value="2">teste bairro 2 3</option>
               <option value="3">ação bairros</option>
               <option value="4">Centro</option>
            </select>
         </div>
         <div class="col-sm-6">
            <label for="Rua">Rua</label>
            <select class="form-control" name="rua" id="rua" required="">
               <option value="3">ação rua</option>
            </select>
         </div>
         <br><br><br><br>
         <div class="col-sm-4">
            <label for="Numero">Número</label>
            <input type="text" class="form-control" id="Numero" placeholder="Número">
         </div>
         <div class="col-sm-4">
            <label for="Complemento">Complemento</label>
            <input type="text" class="form-control" id="Complemento" placeholder="Complemento">
         </div>
         <div class="col-sm-4">
            <label for="CEP">CEP</label>
            <input type="text" class="form-control" id="CEP" placeholder="CEP">
         </div>
      </div>
   </div>
   <div class="form-group ">
      <div class="row">
         <div class="col-sm-6">
            <label for="palavras_chave">Palavras-chave</label>
            <input type="text" class="form-control" id="palavras_chave" placeholder="Palavras-chave">
         </div>
         <div class="col-sm-6">
            <label for="marcas">Marcas</label>
            <input type="text" class="form-control" id="marcas" placeholder="Maras">
         </div>
      </div>
   </div>
   <div class="form-group ">
      <div class="row">             
      </div>
   </div>
</div>