jQuery 动态加载下拉框选项（Django）

作者: 门德列夫
来源: 51数据库
2021-08-22

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>')  // 依次增加选项
            }
        }
    });
}

注：后端返回的是一个列表进行json转换的值。