从Ajax选择填充



我需要根据先前获取的自动完成数据来填充选择。所以我有这两个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()

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

最新更新