我有以下 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);
}
}
最佳答案
而不是
var div = '<div id="history_element"><div id="element_title">' + historyData.startDate + ' ' + 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、表单字段或其他内容)
以 var div (...)
开头的三行将覆盖前面的每一行,但这是一个旁注。
总的来说,您应该阅读更多有关 JavaScript 和/或 JQuery 的内容。
关于javascript - 将值从 JavaScript 传递/显示到 HTML 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36450195/