无法检索从窗口.本地存储中选择输入值
Unable to retrieve select input value form window.localstorage
<script>
(function(window, document, undefined) {
function changeSelect(event) {
if(event.target.type=='checkbox' || event.target.type=='radio') {
window.localStorage.setItem(event.target.id, event.target.checked?'checked':'unchecked');
}
else {
window.localStorage.setItem(event.target.id, event.target.value);
}
if(event.target.type=='select'){
window.localStorage.setItem(event.target.id, event.target.value);
}
}
function load(event) {
var i = 0, k, e;
while(i < window.localStorage.length) {
k = window.localStorage.key(i++);
e = document.getElementById(k);
if(e) {
if(e.type=='checkbox' || e.type=='radio') {
e.checked = window.localStorage.getItem(k)=='checked';
}
else {
e.value = window.localStorage.getItem(k);
}
if(e.type=='select'){
alert('karthika');
}
}
}
}
function clearData(event) {
window.localStorage.clear();
}
window.addEventListener('load', load, true);
window.addEventListener('change', changeSelect, true);
window.addEventListener('select', changeSelect, true);
window.addEventListener('keyup', changeSelect, true);
window.addEventListener('click', changeSelect, true);
window.addEventListener('submit', clearData, true);
})(window, document)
</script>
我正在存储表单数据的内存并检索它,当浏览器突然关闭或系统关闭时,会出现此问题。
在上面的代码中,我可以检索用户输入,文本区域,复选框,但是两种类型的值不显示选择输入,自动输入值取决于其他输入字段
我如何能够显示选择输入值和自动生成的值取决于用户输入。
提前致谢
对于选择元素,您需要测试 tagName 属性,而不是类型属性
if (e.tagName == 'SELECT') {
alert('karthika');
}
演示:小提琴
相关文章:
- 选择文本并添加到本地存储
- 从Function触发JQuery UI日期选择器,并将日期存储到变量中
- 将用户选择的数据临时存储在我的阵列中
- 使用 jquery .find() 遍历按类和存储属性选择元素
- Javascript 在数组中存储<选择>下拉值
- 表单选择不保存在本地存储中
- 单击提交时存储输入单选选择
- 如何刷新存储和快照的 jquery 选择器变量
- 无法检索从窗口.本地存储中选择输入值
- 性能问题:存储对DOM元素的引用与使用选择器相比
- 在使用java使用dropbox选择器从dropbox中提取文件后,如何将文件存储在服务器中
- 将日期值(存储在变量中)分配给日期选择器
- 如何使用存储的属性来选择下拉值
- html5文件api,将用户选择的目录存储在sessionStorage中
- 跨多个页面存储选择/下拉值
- 存储值后,重复重新选择选择下拉菜单的第一个选项
- jQuery data():can't使用jQuery选择器获取存储的数据
- 在数组中存储 JQuery 字段与仅存储选择字符串相比如何
- 存储选择框的选项值并将其存储到变量中(通过逗号分隔的值)
- IE9状态/存储选择选项将不会追加