本篇教程探讨了jQuery从入门到精通之如何实现动态加载下拉框选项，希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入。

<

function change_style() {
    $.ajax({
        url: "{% url 'change_style' %}",
        type: "GET",
        dataType: 'json',
        data: {'product_category':$('select.product_category').val()},
        async: false,
        success: function (msg) {
            $('select.product_style').children('option').remove();　　//删除下拉框下的选项
            for (var i = 0; i < msg.length; i++) {
                $('select.product_style').append('<option value="' + msg[i] + '">' + msg[i] + '</option>')  // 依次增加选项
            }
        }
    });
}    

本文由职坐标整理发布，学习更多的相关知识，请关注职坐标IT知识库！