Динамическое падение вниз, добавляемое в рельсы

Question

У меня есть два значения выпадающего списка. Государств и городов. Также у меня есть две таблицы в моей базе данных с городами и государствами.

Вещь с помощью JQuery, я получаю соответствующие города в выбранном состоянии. Но нельзя добавить эти соответствующие названия городов во второй раскрывающийся список. Поскольку более 1000 имен городов я могу добавить с помощью функции $(). Append(), поскольку она заставляет мой браузер зависать.

это мой JQuery

$("#state_name").change(function() { 
     var state = $('#state_name :selected').val(); 
     console.log(state); 
     $.ajax({ 
       url: '/company_profile/update_city_select', 
       type: 'GET', 
       data: { 
        id: state 
       }, 
       success: function(response) { 
        // $("#city_name select").empty(); 
        var no_of_cities = response.cities.length; 
        console.log(no_of_cities); 
        var collection = response.cities; 
        //$('#city_name select').attr('<% :collection%>','<%' +collection+'%>'); 
        } 
      }); 
    return false; 
}); 

response.cities [я] .name дает Ith название города.

Answer 1

Вы можете загрузить на название города время 10 и прокрутки вы можете встраивать Load более Как Facebook, с этой нагрузкой больше вы можете запросить, чтобы получить еще 10 записей с помощью смещения и ограничения,

и использовать добавление 10 элемента в то время, это самый лучший способ, с помощью которого вы можете реализовать свои записи

 $("#load_more_btn").live('click', function(){ 
      var offset = $(this).data("offset"); 
      $.get('/controller_name', {offset : offset});          
     });