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 [i] .name给出了ith城市名称。

Answer 1

您可以一次加载10个城市名称，使用滚动可以嵌入加载更多像Facebook一样，通过使用偏移量和限制，您可以通过此次加载查询获得另外10条记录，

并一次使用追加10元素，这是您实施记录的最佳方法

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

动态下拉附加在Rails中

1 个答案: