使用HTML下拉菜单更改django模板中加载的变量

<select id="myDropdown" onchange="changeVariable()">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

function changeVariable() {
  var selectedOption = document.getElementById("myDropdown").value;
  
  // 发送选中的选项到服务器端
  // 可以使用Ajax或其他方式发送请求
  // 例如，可以使用jQuery的$.ajax()方法发送POST请求
  $.ajax({
    url: '/change_variable/',
    type: 'POST',
    data: {selectedOption: selectedOption},
    success: function(response) {
      // 处理服务器端的响应
      // 可以更新页面上的其他元素或执行其他操作
    }
  });
}

from django.shortcuts import render

def change_variable(request):
    selected_option = request.POST.get('selectedOption')
    
    # 根据选项值改变加载的模板变量
    if selected_option == 'option1':
        variable = 'Value 1'
    elif selected_option == 'option2':
        variable = 'Value 2'
    elif selected_option == 'option3':
        variable = 'Value 3'
    
    return render(request, 'template.html', {'variable': variable})

<p>{{ variable }}</p>