在innerHTML的dropdown中预取存储值并按原样提交的方法如下:
<select id="dropdown">
<option value="value1">选项1</option>
<option value="value2">选项2</option>
<option value="value3">选项3</option>
</select>
// 预取存储值
var storedValue = localStorage.getItem('selectedValue');
// 设置下拉列表的默认选项
document.getElementById('dropdown').value = storedValue;
// 监听下拉列表的变化事件
document.getElementById('dropdown').addEventListener('change', function() {
// 获取当前选中的值
var selectedValue = this.value;
// 存储选中的值到localStorage
localStorage.setItem('selectedValue', selectedValue);
});
// 获取存储的值
var storedValue = localStorage.getItem('selectedValue');
// 将存储的值设置为表单的一个隐藏字段
document.getElementById('hiddenField').value = storedValue;
// 提交表单
document.getElementById('myForm').submit();
需要注意的是,localStorage中存储的值是以字符串形式存储的,如果需要使用其他数据类型,可以使用JSON.stringify()和JSON.parse()进行转换。
这是一个基本的实现方法,你可以根据具体的需求进行调整和扩展。关于localStorage的更多信息,你可以参考腾讯云提供的文档:localStorage - Web API 接口 | MDN (mozilla.org)。
领取专属 10元无门槛券
手把手带您无忧上云