JavaScript - 로컬 저장소에 양식 텍스트 저장

이 프로그래밍 할당을 위해 우리는 사용자가 양식을 작성하고 양식을 제출할 때까지 입력을 로컬 저장소에 보관해야한다고 가정합니다.JavaScript - 로컬 저장소에 양식 텍스트 저장

<input type="text" name="name" id="name" onkeyup="StoreText()">

내 HTML 양식의 일부이며, 나는 다음과 같은 기능을 가지고 : 나는 로컬 스토리지를 보려면 크롬 관리자를 사용하고, 그러나

<script> 
    function StoreText() { 
    var name = document.getElementById("name"); 
    localStorage.setItem("name", name); 
    } 
</script>

을하고 내가 거기 아무것도 표시되지 않습니다 . 내 코드에 무슨 문제가 있습니까?

출처

2014-09-22 Michael

문제를 디버깅하기 위해 무슨 짓을 한거야? 이벤트 처리기가 전혀 실행됩니까? 힌트 : DOM 요소를 로컬 저장소에 저장하려고합니다. 그것은 작동하지 않습니다. 당신은''의 가치를 얻어야합니다. –

이름 대신 name.value를 저장하십시오.

출처

2014-09-22 17:51:11 Mandera

** OP가 "시도"해야하는 이유를 ** 설명하십시오. –

localStorage에 요소를 저장할 수 없다고 가정하기 때문에 쉬운 문제는 아닌 것처럼 보입니다. – Mandera

분명히 OP는 초보자입니다. 나는 그들이 모든 정보에 감사 할 것이라고 생각한다. 미래의 방문자는 말할 것도 없습니다. 아무도 한 줄로 "B 대신 대답하라"라는 대답을 배우지 못합니다. OP는'name'이 DOM 요소이거나 DOM 요소를 로컬 저장소에 저장할 수 없다는 것을 인식하지 못할 수도 있습니다. 그래서 실제로 그 점을 지적하는 데 매우 유용합니다. –

바이올린은 : 로컬 스토리지가 작동하는 방법 http://liveweave.com/z71PS8

이입니다.

전나무 당신은 ...

if (localStorage.getItem('Data')) { 
    $("#name").val(localStorage.getItem('Data')); 
}

는 이제 다음으로 값을 저장 (이 나중에 로컬 값을 저장 setItem으로 검색됩니다)의 getItem 로컬 스토리지 말할 필요

localStorage.setItem('Data', $("#name").val());

Using Local Storage for Appended HTML을보고 싶을 수도 있습니다.

자바 스크립트/JQuery와 :

if (localStorage.getItem('Data')) { 
    $("#name").val(localStorage.getItem('Data')); 
} 
$("#name").keyup(function() { 
    localStorage.setItem('Data', $("#name").val()); 
});

html로 :

<input type="text" id="name">

Here's 순수 자바 스크립트/비 JQuery와 솔루션

출처

2014-09-22 17:52:18

JavaScript - 로컬 저장소에 양식 텍스트 저장

답변

관련 문제