JqueryMobile 저장 버튼을 사용하여 텍스트 필드 데이터 저장

필자는 텍스트 필드에 입력 한 데이터를 가져 와서 화면 아래에 저장하는 방법을 알아 내려고 노력했습니다. 트위터 같은 것, 또는 페이스 북의 뉴스는 아무것도 상상하지 못한다. 나는 JQM을 사용하고 있는데이 얻을이 내가 필드와 버튼이 무엇 인JqueryMobile 저장 버튼을 사용하여 텍스트 필드 데이터 저장

<div data-role="content">

에서 텍스트 필드와 버튼과 같은 페이지에 저장하고 싶습니다.

<input type="text" id="Text"/> 
<input type="button" id="Button" value="Submit" /> 
<div id="buttonPlaceHolder">&nbsp;</div>

이 내가 버튼과 함께 가기로 발견 된 일부 javaScipt이며, 그것은 달러 기호가 JQM을 망치와 필자가 자신의 js 파일에 넣어 시도하지만 작동합니다. 나는 내가 뭔가 잘못하고있는 것 같아.

$('#Button').bind('click', function() { 
$('#buttonPlaceHolder').append($('#Text').val()); 

// refresh jQM controls 
$('#home').trigger('create'); 
});

스크립트

출처

2012-09-05 Ezcaflowne

이'bind' 호출을'doucment.ready'에 넣으시겠습니까? –

Javascript가 다른 기능으로 묶여 있습니까? SJ가 물었다. 서류가 이미 있었나요? – Shenaniganz

을 통해 HTML과에서 자바 스크립트 등의 모든 가능한 ID에 내가 질문을 이해 확실하지 오전합니다. 그럼에도 불구하고 다음과 같이 시도해보십시오.

<!DOCTYPE html> 
<html> 
<body> 

<h1>My Web Page</h1> 

<p id="demo">A Paragraph.</p> 

<p id="myDIV">A DIV.</p> 

<button type="button" onclick="myFunction()">Try it</button> 

<script> 
function myFunction() 
{ 
document.getElementById("demo").innerHTML="Hello Dolly"; 
document.getElementById("myDIV").innerHTML="How are you?"; 
} 
</script> 

</body> 
</html>

html 페이지 예입니다. 여기에 더 많은 정보와 유용한 예제가 있습니다. http://www.w3schools.com/js/js_examples.asp

나중에 사용할 수 있도록 저장하려면 localStorage 메커니즘을 사용해보십시오.

출처

2012-09-05 10:11:52

오 예 w3schools 나는 그것에 대해 잊어 버렸습니다. 대단히 고마워.이 트릭을 할 것 같아. – Ezcaflowne

JqueryMobile 저장 버튼을 사용하여 텍스트 필드 데이터 저장

답변

관련 문제