how to select multiple values from dynamic dropdown in jquery

Question

I'm trying to select multiple values from dynamic dropdown in jQuery. How can I achieve that any help that would be appreciated. Thanks In advance.

//jQuery

$.ajax({
    type: 'GET',
    url: url ,
    dataType: 'json',
    headers: {
      accept: "application/json",
      authorization:"key "+ bearer_token
    }
  }).done(function(data) {

  var options = '<option value="" disabled="" selected="">Select Nearest Airport</option>';
  data= data|| {};

   $( "select option:selected" ).each( data, function( key, value ) {
       options += '<option value="'+value.code+ ' - ' +value.name+'">'+value.code+ ' - ' +value.name+'</option>';
   })

    $('#AirportCode').html(options);
})

<div class="form-group col-md-6">
  <label for="airport">Nearest Airport:</label>
  <select id="AirportCode" name="AirportCode" multiple="multiple" class="form-control" placeholder="Select an Airport">
    <option value="" disabled selected>Select Nearest Airport</option>
    <option value="AirportCode" selected="selected"><div id="table"></div></option>
  </select>
</div>

Answer 1

Try change your each for this

$.each(data, function(key, value) {
    options += '<option value="' + value.code + ' - ' + value.name + '">' + value.code + ' - ' + value.name + '</option>';
  });