Как получить данные из webservice в jquery?

Question

У меня есть веб-службы со ссылкой: http://41.128.183.109:9090/api/data/getalllocations

Я RECIVED эти данные в раскрывающемся меню с использованием данных Jquery .Это содержит 2 объекта LocationName и LocID. Я хочу отобразить предупреждение с LocID в функции изменения раскрывающегося списка в jQuery. Вот мой код:

$(document).ready(function() { 
    $.ajax({ 
     type: 'Get', 
     url: 'http://41.128.183.109:9090/api/data/getalllocations', 
     success: function (data) { 
      var SubDropdown = $("#main"); 
      for (var i = 0; i < data.length; i++) { 
       SubDropdown.append('<option value?' + i + '?="">' + data[i].LocationName + '</option>'); 
      } 
     } 
    }); 
}); 

$("#countries").change(function() { 
    alert(); 
}); 

Вот мой HTML код:

<select tabindex="-1" class="select2_group form-control" style="display: normal; width: 290px;" name="countries" id="countries"> 
    <optgroup label="Select Your City" id="main"></optgroup> 
</select> 

Answer 1

пожалуйста, попробуйте следующее

$(document).ready(function() { 
    $.ajax({ 
     type: 'Get', 
     url: 'http://41.128.183.109:9090/api/data/getalllocations', 
     success: function (data) { 
      var SubDropdown = $("#main"); 
      for (var i = 0; i < data.length; i++) { 
       SubDropdown.append('<option value="' + data[i].LocID + '">' + data[i].LocationName + '</option>'); 
      } 
     } 
    }); 

    $("#countries").change(function() { 
     alert($("#countries").val()); 
    }); 
});