Ajaxからデータを取り込む

Question

以前に取得したオートコンプリートデータに基づいてselectを生成する必要があります。だから私はこれらの2つのHTMLフィールドを持っています：

<div id="ind_ritiro" style="display:none"> 
          <legend>Indirizzo ritiro</legend> 
           <div class="form-group"> 
            <label for="exampleInputEmail1">Ragione sociale</label> 
            <input type="text" class="form-control" id="rs_triangolazione" 
              name="rs_triangolazione" value="" placeholder="Digita ragione sociale"> 
           </div> 
           <div class="form-group"> 
            <label for="exampleInputPassword1">Indirizzo</label> 
            <select id="add_triangolazione" name="add_triangolazione" class="form-control"> 
             <option value=""></option>  
            </select> 
           </div> 



    <script type="text/javascript"> 
$(document).ready(function() { 
    var source = document.getElementById("rs_triangolazione").value; 
    $("#rs_triangolazione").autocomplete({ 
    minLength:3, 
    autoFocus: true, 
    source: '{{URL('triangolazione')}}', 
    select: function(event, ui) { 
     $("#rs_triangolazione").val(ui.item.id); 
     $("#rs_triangolazione").val(ui.item.label); 

    }, 

}); 
}); 

</script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#add_triangolazione").change(function(){ 
     $.ajax({ 
      type: 'POST', 
      url: 'indirizzi-triangolazione', 
      data: {azienda:$('#rs_triangolazione').val()}, 
      success: function (response) { 
      document.getElementById("new_select").innerHTML=response; 
       } 
     }); 
    }); 
}); 
</script> 

私は必要なすべてのデータを2つのスニペットも取得します。しかし、今私は選択にフェッチされたデータを設定する必要があります...私はそれぞれの関数が必要だと思うが、私は渡すことができません...

Answer 1

あなたの新しい選択を作成し、 $.each()

$('#ind_ritiro').append('<select id="new_select"></select>'); 

$.each(response,function(index){ 
    $('#new_select').append('<option>',{ 
     value: response[index].valueYouWant, 
     text: response[index].valueYouWant 
    }); 
});