2013-07-20 63 views
0

我想使用jQuery/Javascript動態添加表格行,我已經使用了下面的代碼,但它在Chrome中不起作用。任何幫助?jQuery/Javascript代碼不能在Chrome和Firefox中工作

function AddTextBoxes(label,parameter, paraId) { 
    strCode += "<tr><td>"; 
    strCode += "<label id='" + label + "1'>" + label + "</label></td><td>"; 
    strCode += "<input type='text' id=" + paraId +" value="+parameter.minValue + "-" + parameter.maxValue+ ">"; 
    $("#" + paraId).attr('value', parameter.minValue + "-" + parameter.maxValue); 
    $("#" + paraId).attr('text', parameter.minValue + "-" + parameter.maxValue); 
    strCode += "</td></tr>"; 
} 
+0

聲明瞭'VAR strCode = '''之外的功能嗎? – Teemu

+2

你需要附加strcode的內容。 –

+0

@teemu是的,我做過 – Geek

回答

1

您需要在您的函數中附加strcode的內容。

另外: -

你需要這條線(在函數的開始)前加var strCode = '': -

strCode += "<tr><td>"; 
+0

其實我的代碼在IE中工作正常,但沒有在Chrome或Mozilla中。我已經使用jQuery將strCode添加到了我的div中。 – Geek

0

這裏是必要的修改代碼。另外,你需要對結果字符串做一些修改。例如將其附加到正文。 (未經測試)

function AddTextBoxes(label,parameter, paraId) { 
    var strCode = "<tr><td>"; 
    strCode += "<label id='" + label + "1'>" + label + "</label></td><td>"; 
    strCode += "<input type='text' id=" + paraId +" value="+parameter.minValue + "-" + parameter.maxValue+ ">"; 
    $("#" + paraId).attr('value', parameter.minValue + "-" + parameter.maxValue); 
    $("#" + paraId).attr('text', parameter.minValue + "-" + parameter.maxValue); 
    strCode += "</td></tr>"; 
    document.body.innerHTML += strCode; 
} 
0

您需要初始化strCodeappendtable。例如

$('#tableId').append(strCode); 

更新的代碼:

function AddTextBoxes(label, parameter, paraId) { 
    var strCode = ''; 
    strCode += "<tr><td>"; 
    strCode += "<label id='" + label + "1'>" + label + "</label></td><td>"; 
    strCode += "<input type='text' id=" + paraId + " value=" + parameter.minValue + "-" + parameter.maxValue + ">"; 
    $("#" + paraId).attr('value', parameter.minValue + "-" + parameter.maxValue); 
    $("#" + paraId).attr('text', parameter.minValue + "-" + parameter.maxValue); 
    strCode += "</td></tr>"; 

    $('#tableId').append(strCode); // Change tableId with your table id 
} 
0
var myRow="<tr><td>my row</td></tr>"; 
$("#myTableId").append(myRow); 
相關問題