Jquery 提交后将表单值保存在下拉列表中

我有jquery的这一部分

function retainDropDownValue(){
    var e = document.getElementById("type");
    var savedValue = e.options[e.selectedIndex].value;
    console.log("DEBUGTEST");
}

以便捕获dropd自身的值。我希望在用户点击后 提交时，下拉列表将保留用户选择的下拉列表中的行为和最后一个选项

<form action="{{URL_ROOT}}/run/search/" method="post"  id="TypeForm" onsubmit="retainDropDownValue();"  >

<select id="type" onchange="retainDropDownValue();fctCheck(this.value);" style="font-size: 25px;">
    <option value="">Select</option>
    <option value="first_selection">First</option>
   <option value="second_selection">Second</option>
</select>

Term: <input type="text" name="query" size="10" style="font-size: 25px; direction: rtl;" value="{{ query }}"> &nbsp;&nbsp;&nbsp;

<input type="submit" value="Search" onsubmit="submitForm();"> 

发生的情况是，它将提交并保留文本字段，但下拉列表将重置为Select，并且控制台中的“DEBUGTEST”仅在提交完成之前闪烁。然后它就消失了

---

如何使其在我点击Search按钮或type=submit按钮时保留值first\u selection，而不是重置回selection？

首先，您是否提交页面以再次刷新？如果是这样的话，您可以使用ajax提交表单，这样您就不会丢失表单选择

看起来在提交后执行retainDropDownValue时，它已经丢失了提交的值

在页面级别使用变量在提交屏幕之前存储$'type'.val，并在提交调用或onload之后设置

使用ajax提交表单 $.ajax{ url:form.attr'action'， 数据类型：'json'， async:false， 数据：form.serialize， 类型：form.attr'method'， 成功：functiondata{}

---

您将使用选定的值从服务器发回页面。这取决于您的服务器端代码和环境。我明白了…我正在使用python来完成此操作。您是否有任何关于如何开始此操作的建议？啊，我明白，在玩了一点retainDropDownValue后，我认为retainDropDownValue正在失去其价值。谢谢，我将尝试此操作！

function submitForm(){
    $("#TypeForm").submit();    
}