将数组从Javascript加载到网页中

时间:2014-06-09 12:37:38

标签: javascript html arrays

我在这里添加了一个小提琴:jsfiddle.net/LgE3N

我在javascript文件中有一系列数组,我需要将其导入到网页中。我似乎能够在脚本中使用数组,并且能够将总数输出到页面中,但是,我似乎无法弄清楚如何将整个列表打印到网页中。 / p>

    window.onload = function ()
    {
$("#contributions").html (totalContributions.toFixed(2));
$("#amount").html (totalContributors);  

var dateString = "";
for (var j = 0; j < date.length; j++)
{
    dateString += date[j];
    $("#dateArray").html (dateString);
}
    }

    <div id="data_list">
    <table rules="rows" cellspacing='0'>
        <thead>
            <tr>
                <th>Date</th>    
                <th>Amount</th>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Address</th>
            </tr>
            <td>
                <p>dateArray</p>
                <id "dateArray">
            </td>
            <td>
                <p>amountArray</p>
            </td>
            <td>

1 个答案:

答案 0 :(得分:3)

这不是很难,你需要一个循环来返回每一行并将其附加到表中。

var count = firstName.length, sum = 0;

for (var i = 0; i < count; i++) {
    sum += parseFloat(amount[i]);
    html = '<tr><td>'+ date[i] +'</td><td>'+ amount[i] +'</td><td>'+ firstName[i] +'</td><td>'+ lastName[i] +'</td><td><p>'+ street[i] +'<br>'+ city[i] +' '+ state[i] +' '+ zip[i] +'</p></td></tr>';
    $('#data').append(html);
};

$('#contributions').html(count);
$('#amount').html(sum);

DEMO: http://jsfiddle.net/8XvQw/