jquery - 刷新页面后不应重置选择选项

Question

我正在尝试显示参加考试的候选人列表。有一个选择标签用于显示招聘状态。每个候选人都有一个下拉菜单。我希望将下拉值保存到数据库中，并且每次刷新页面打开项目时，应该显示保存在数据库中的相同下拉值。

这是我的代码 HTML

<td>
        <form method="POST">
          <select class="hiring-status" id="hiring" name="hiring_status" >
            <option selected disabled hidden value="shared">Test Shared</option>
            <option value="completed">Test Completed</option>
            <option value="under_review">Test Under Review</option>
            <option value="hr">HR Round</option>
              <option value="bg-check">Background Check</option>
              <option value="technical">Technical Round</option>
              <option value="assignment">Assignment Given</option>
              <option value="management">Final Round (Management)</option>
              <option value="hired">Hired</option>
              <option value="rejected">Rejected</option>
           </select>
        </form>
    </td>

视图.py

    def hiring_status(cls,request :HttpRequest):
    if request.method=="POST":
        hiring_status=request.POST('hiring_status')
        hiring_status.save()
        return render(request,'pages/test/list.html')
    else:
        return render(request, 'pages/test/list.html')

模型.py

class Hiringtatus(enum.Enum):
   test_completed=1
   test_under_review=2
   hr_round=3
   background_check=4
   technical_round=5
   assignment_given=6
   final_Round=7
   hired=8
   rejected=9

class Test(BaseModel):
    hiring_status = Column(ChoiceType(Hiringtatus, impl = Integer()))

我添加了下面的代码，但它适用于第一个下拉菜单，如果我关闭服务器/输出窗口，它会恢复为默认值。

var selectedItem = sessionStorage.getItem("SelectedItem");
$('#hiring').val(selectedItem);

$('#hiring').change(function() {
    var dropVal = $(this).val();
    sessionStorage.setItem("SelectedItem", dropVal);
});

这是一个示例输出图像

标签： jquerydjangoajaxsqlalchemy