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

最新推荐文章于 2025-05-26 10:36:44 发布

转载最新推荐文章于 2025-05-26 10:36:44 发布 · 559 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xshan/p/10148843.html

文章标签：

#python #javascript #前端 #ViewUI

本文介绍了一种使用Ajax技术动态获取并更新网页中下拉菜单选项的方法。具体实现为，当用户选择某一类别后，通过Ajax发送请求到服务器，获取对应类别的样式列表，并将这些样式动态添加到下拉菜单中。此方法提高了用户体验，避免了页面的重新加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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转换的值。