通過/

Question

HTMLページにJavaScriptから値を表示私は「名前」と「年齢」を表示するために使用のローカルストレージが以前に入力した次のJSコードがあります。

をこのHTMLコードは、現在の日付を表示し、時間、名前テーブル内の人の年齢。どのように私はこれらの値をHTMLフォームでその表の代わりにラベルとして表示することができますか？

HTMLのみ開始時間、名前と年齢が表示されていない戻す：

<div id="history_list"></div> 
    <div id="name"> </div> 
    <div id="age"></div> 

JS：

function loadHistoryList() { 

     for(var i = numberOfHistory; i >= 1; i--) { 
      var historyData = new historyElement(db.getItem(i.toString())); 

      if(historyData === null) { 
       console.error('error'); 
       continue; 
      } 
      $('#history_list').append(historyData.startTime); 
      $('#name').append(historyData.name); 
      $('#age').append(historyData.age); 
     } 
    } 

Answer 1

代わりの

var div = '<div id="history_element"><div id="element_title">' + historyData.startDate + '&nbsp;&nbsp;&nbsp;' + historyData.startTime + '</div><table>'; 
var div = '<div id="name"><tr><td>name: </td><td>' + historyData.name+ '</td></tr>'; 
var div = '<div id="age"><tr><td>age: </td><td>' + historyData.age+ '</td></tr>'; 

div += '</table></div>'; 

$('#history_list').append(div); 
$('#name').append(div); 
$('#age').append(div); 

はこれを行います。要するに

$('#history_list').append(historyData.startTime); 
$('#name').append(historyData.name); 
$('#age').append(historyData.age); 

を：あなたは（この場合には必要があります）単純に希望の値を追加することができますコンテナ（DIV、フォームフィールド、またはその他のもの）

これらの3行はそれぞれ前の行を上書きしていますが、それは副次的なものです。
全体として、JavaScriptやJQueryの詳細を読む必要があります。

Answer 2

を最初のフォームフィールドを移入するには、フォーム要素を追加する必要があります入力フィールドのような

HTML

<div id="history_list"> 
</div> 
<input type="text" id="name" name="name"> 

JS

function loadHistoryList() { 

for(var i = numberOfHistory; i >= 1; i--) { 
     var historyData = new historyElement(db.getItem(i.toString())); 

     if(historyData === null) { 
      console.error('error'); 
      continue; 
     } 
     $('#name').val(historyData.name); 
    } 

}