在提交后保留选中的onchange下拉列表值,可以通过以下步骤实现:
<select id="mySelect" onchange="myFunction()">
<option value="value1">Value 1</option>
<option value="value2">Value 2</option>
<option value="value3">Value 3</option>
</select>
function myFunction() {
var selectedValue = document.getElementById("mySelect").value;
localStorage.setItem("selectedValue", selectedValue);
}
<body>
标签中添加以下JavaScript代码:window.onload = function() {
var selectedValue = localStorage.getItem("selectedValue");
if (selectedValue) {
document.getElementById("mySelect").value = selectedValue;
}
}
这样,当用户选择下拉列表的选项并提交表单后,选中的值将会被存储在本地存储中。在页面重新加载后,之前选中的值将会被还原到下拉列表中。
请注意,这只是一种实现方式,具体的实现方式可能会根据具体的应用场景和需求而有所不同。此外,腾讯云并没有直接相关的产品或链接与此问题相关。
领取专属 10元无门槛券
手把手带您无忧上云