從Ajax填充選擇

Question

我需要根據先前提取的自動填充數據填充選擇。所以我有這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個片段獲取以及我需要的所有數據。但現在我需要設置數據提取到選擇...我想我需要一個.each功能，但我無法通過...

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 
    }); 
});