Fill a select via jquery in cakephp

Question

I made it a little easier, but it’s not working yet. Instead of assembling everything in javascript, in my action I assemble all html and in javascript I only pass the mounted html to my select.

function MostraPrograma(){
 var _valorSelect = document.getElementById("CursoEscolaId").value;     
 $.post('/novas/mostra_programa/'+_valorSelect),$("#CursoNewAddForm").serialize(), function(data){                          
    $("#rowIdChata").html(data);

 }

}

and this is my view:

<?php
 if($info_campus == 0){
echo 'Não existem tipos de curso para esta escola';   
}else{
foreach($info_campus as $info){?>
<option value="<?=$info['CursoCampus']['id']?>"><?=$info['CursoCampus']['nome']?></option><?  php }} ?>

Answer 1

Your application will need to perform two operations:

1) Parse the string in JSON format for javascript, there are several forms on the internet, either with pure Javascript or with libraries, but I do so:

Obs. I switched the $.post for $.get I think that’s the method you need.

     $.get('/novas/mostra_programa/'+_a, function(data){
         var opcoes = (new Function("return " + data +";"))();
     });

2) Loop and assemble options

   $.get('/novas/mostra_programa/'+_a, function(data){
      var opcoes = (new Function("return " + data +";"))();

      var sel = document.getElementById('{ID DO SELECT}');
      var fragment = document.createDocumentFragment();

      for(var i = 0; i < opcoes.length; i++){
        var opt = document.createElement('option');
        opt.innerHTML = opcoes[i].CursoCampus.nome;
        opt.value = opcoes[i].CursoCampus.id;
        fragment.appendChild(opt);
     }

      sel.appendChild(fragment.cloneNode(true));
  });