基于DJango/Ajax中第一个选定的下拉列表创建下拉选择

from django.http import JsonResponse

def get_dropdown_options(request):
    selected_value = request.GET.get('selected_value')
    
    # 根据选定的值进行相应的处理，获取下拉选择内容
    options = []
    if selected_value == 'option1':
        options = ['option1-1', 'option1-2', 'option1-3']
    elif selected_value == 'option2':
        options = ['option2-1', 'option2-2', 'option2-3']
    # 其他选项的处理...
    
    return JsonResponse({'options': options})

$(document).ready(function() {
    $('#first_dropdown').change(function() {
        var selected_value = $(this).val();
        
        $.ajax({
            url: '/get_dropdown_options/',
            data: {'selected_value': selected_value},
            dataType: 'json',
            success: function(data) {
                var options = data.options;
                var second_dropdown = $('#second_dropdown');
                
                // 清空第二个下拉列表的选项
                second_dropdown.empty();
                
                // 动态生成第二个下拉列表的选项
                for (var i = 0; i < options.length; i++) {
                    var option = $('<option>').text(options[i]);
                    second_dropdown.append(option);
                }
            }
        });
    });
});