z lokalnego magazynu Nie otrzymuję danych w tagach wejściowych - jquery, html5, jquery-mobile, local-storage

Przechowuję dane w lokalnej pamięci. Ale kiedy próbuję odzyskać dane z lokalnej pamięci, dane nie przychodzą w tagach wejściowych. Kiedy strona się zmieni, ten czas powinien nadejść. Proszę pomóż mi. Jaki jest błąd w kodzie?

w HTML5:

<div data-role="page" id="page1">
<div data-role="content">
<form novalidate id="setting_form">
<div data-role="fieldcontain">
<label for="textusername1">Username</label>
<input name="textusername1" id="textusername1" value="" type="text">
</div>
<div data-role="fieldcontain">
<label for="textpassword1">Password</label>
<input name="textpassword1" id="textpassword1" value="" type="text">
</div>
<div style="text-align:center;">
<div data-role="button" data-theme="b" data-inline="true" id="button1" onclick="callConnection();">Update</div>
</div>
</form>
</div>
</div>

<div data-rol2="page" id="show">
<div data-role="content" id="content2">
<form novalidate id="setting_form1">
<label for="un">User Name</label>
<input type="text" name="un" class="field" id="un" value="">

<label for="pw">Password</label>
<input type="text" name="pw"  class="field" id="pw" value="">
</div>
</div>

W jQuery:

$(document).unbind("pageinit").bind("pageinit", function () {
$("#show").on("pageshow", function (event) {
$("#un").text(localStorage.getItem("user"));
$("#pw").text(localStorage.getItem("pass"));
});
});

function callConnection(){
localStorage.setItem("user", $("#textusername1").val());
localStorage.setItem("pass", $("#textpassword1").val());

if (localStorage.getItem("user") == "" && localStorage.getItem("pass") == "") {
alert("enter the username and password");
}
else {
$.mobile.changePage("#show");
}
}

Odpowiedzi:

Jeśli chcesz zmienić i wprowadzić wartość, musisz użyć val, więc zmień:

$("#un").text(localStorage.getItem("user"));
$("#pw").text(localStorage.getItem("pass"));

do:

$("#un").val(localStorage.getItem("user"));
$("#pw").val(localStorage.getItem("pass"));

Dokumenty: http://api.jquery.com/val/#val-value

Próbny : http://jsfiddle.net/IrvinDominin/rg3n6/