Question

xxx.js

tableCreationForQuoteItem();

function tableCreationForQuoteItem()
{
    var html_str='';
    html_str += '<table>';
    html_str += '<tr>';
    html_str += '<th>Item</th><th>Description</th><th>Unit Cost</th><th>Tax Rate</th><th>Unit Of Measurement</th>';
    html_str += '</tr>';
    html_str += '<tr>';
    html_str += '<td>'+$('#Quote_quoteitem_name')   +'</td>';
    html_str += '<td>'+$('#Quote_description')      +'</td>';
    html_str += '<td>'+$('#Quote_unitcost')         +'</td>';
    html_str += '<td>'+$('#Quote_taxrate_value')    +'</td>';
    html_str += '<td>'+$('#Quote_uom_value')        +'</td>';
    html_str += '</tr>';
    html_str += '</table>';
    alert(html_str);
}

我收到警报。但我想将此表放在某些字段中，如Quote_item。怎么做到这一点？有人帮忙。

Answer 1

使用JQuery -

$('#Quote_item').html(html_str);

并使用javascript -

document.getElementById("Quote_item").innerHTML = html_str;

Answer 2

你可能想要更像这样的东西

function tableCreationForQuoteItem() {
    var table = $('<table />'),
        tr1   = $('<tr />'),
        tr2   = $('<tr />'),
        th1   = $('<th />', {text : 'Item'}),
        th2   = $('<th />', {text : 'Description'}),
        th3   = $('<th />', {text : 'Unit Cost'}),
        th4   = $('<th />', {text : 'Tax Rate'}),
        th5   = $('<th />', {text : 'Unit Of Measurement'}),
        td1   = $('<td />', {text : $('#Quote_quoteitem_name').text()}),
        td2   = $('<td />', {text : $('#Quote_description').text()}),
        td3   = $('<td />', {text : $('#Quote_unitcost').text()}),
        td4   = $('<td />', {text : $('#Quote_taxrate_value').text()}),
        td5   = $('<td />', {text : $('#Quote_uom_value').text()});


    table.append(
        tr1.append(
            th1, th2, th3, th4, th5 
        ),
        tr2.append(
            td1, td2, td3, td4, td5 
        )
    );

    $('element').append(table);
}

FIDDLE

Answer 3

我没有真正得到这个问题，因为我没有必要的评论声誉，我会根据我的预测给你答案;

如果您希望提供的表格出现在HTML正文中（例如），则只需用

替换警告框

document.getElementbyID("quote_item").innerHTML = html_str;

如果您希望整个HTML显示在

中

在

内的标签内创建一个预标签

` pre id =＆＃34; quote_item＆＃34;

/ pre`

并替换javascript中的警告框; document.getElementbyID("quote_item").innerHTML = html_str;

P.S：封装在内部＆lt; ＆gt;，stackoverflow将其覆盖为HTML内容，不知道这里的引号是如何工作的，因为我还是新的：S

加载页面时设计表格

3 个答案: