Javascript 如何在window.location之后存储数据？

下面我有一个车辆下拉列表，可以从文本文件中提取新选项。在页面更改到正确的类别页面后，我还没有找到保存这些选定文本值的方法。因此，最终我将下拉列表更改为一个div，将所选下拉列表显示为文本

那我该怎么做呢

A.在页面重新加载后保留下拉值和文本值

B.保留所选文本和适当的div显示

非常感谢您的帮助

HTML:

按车辆开店：
选择模型
序曲
公民的
CRX
太阳城
一致
艰苦的跋涉
元素
领航员
护照
铬钒
S2000
洞察力
歌诗图
交叉游览
CR-Z
山脊线
适合
选择年份
选择修剪级别
函数粘贴（）{
var Vehicle=document.getElementById（“车辆选择年”）.options[document.getElementById（“车辆选择年”）.selectedIndex].text+“”+document.getElementById（“车辆选择年”）.options[document.getElementById（“车辆选择年”）.selectedIndex].text+“”+document.getElementById（“车辆选择年”）.options[document.getElementById（“车辆选择年”）.selectedIndex].text；
document.getElementById（“VehicleMessage”）.innerHTML=“Honda”+车辆；
}
$（文档）.ready（函数（）{
$（“#更改车辆”）。单击（函数（）{
$（“#车辆提交”）.fadeOut（0，函数（）{
$（'bl#u firstRow'）.html（$（'bl#u firstRow'）.html（））；
$（'bl#u firstRow'）。fadeIn（0）；
});
})
});


按类别划分的店铺：
选择引擎
$（函数goto（）{
$（'vehicle_sel_section'）。on（'change'，function（）{
var url=“/SearchResults.asp？Cat=“+document.getElementById（'vehicle_sel_section'）。值
如果（url）{
window.location=url；
}
});
});

如评论中所述，您可以选择几个选项

使用

localStorage

在本地可访问的页面加载中保存所需的数据位（因此得名：p）。您可以在MDN上了解更多信息：

在URL中使用查询参数，以便标记

？item1=val1&item2=val2

或其某些变体

使用hash标记类似于数字2附加数据，但它实际上不会被发送到服务器。示例：

#item1=asdasd，item2=valasd2

---

您还可以将对象字符串化并将JSON存储在URL中，等等。

change

如果发生

事件，您可以

localStorage

localStorage.setItem('select_vehic_sel_model', JSON.stringify($(this).val()));

在

DOM

ready上，您可以将其作为

var retrievedObject = localStorage.getItem('select_vehic_sel_model');

if(retrievedObject!=undefined && retrievedObject!=null){
   $("#vehic_sel_model").val(retrievedObject);
}

如果您有更多类似的项，则可以使

json

对象

var json = {
"select_vehic_sel_model":"<value>",
"textbox":"<value>",
"div_status":"hide",
}

var json={
“选择车辆选择型号”：“，
“文本框”：“，
“div_状态”：“隐藏”，
}

你应该检查

localStorage

你应该检查@ParthTrivedi，你应该回答这个问题！如果您希望获得更好的浏览器支持，您还可以将数据作为#hastag添加到url中；如果您不介意使用服务器端代码，您还可以将数据作为？参数添加到url中。或者，您可以使用自定义编写的函数解码？参数客户端（遗憾的是，没有内置的js支持…）

var json = {
"select_vehic_sel_model":"<value>",
"textbox":"<value>",
"div_status":"hide",
}