Jquery Rails中的动态下拉附加

我有两个下拉值。州和城市。我的数据库中还有两个城市和州的表

事情是在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;
});

$（“#state_name”）.change（函数（）{
var state=$（'#state_name:selected'）.val（）；
console.log（状态）；
$.ajax({
url:“/company\u profile/update\u city\u select”，
键入：“GET”，
数据：{
id：州
},
成功：功能（响应）{
//$（“#城市名称选择”）.empty（）；
var no_of_cities=response.cities.length；
console.log（城市编号）；
var集合=response.cities；
//$（“#城市名称选择”）.attr（“，”）；
}
});
返回false；
});

---

响应.cities[i].name给出了第i个cities名称。

您可以一次加载10个城市名称，使用scroll您可以嵌入更像facebook的加载，使用此加载，您可以通过使用偏移量和限制查询另外10条记录，

并一次使用append 10元素，这是实现记录的最佳方法

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

---

如果数据负载较大，则应使用jquery自动完成或选择框包含自动完成。希望这能帮助你：）自动完成在一定程度上起到了作用。但我仍然在寻找一种方法，使这个下拉列表在不引起任何浏览器挂起的情况下成为可能