jQuery/Javascript code not working in Chrome and Firefox

Question

I want to add table rows dynamically using jQuery/Javascript and I have used the following code but it's not working in Chrome. Any help?

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>";
}

Have you declared var strCode = '' outside of the function? — Teemu
– Teemu, Commented Jul 20, 2013 at 10:13
@Geek This function only creates a string with some HTML in it, what exactly means "it doesn't work" in Chrome? — Teemu
– Teemu, Commented Jul 24, 2013 at 7:22

Vivek Sadh · Accepted Answer · 2013-07-20 10:16:22Z

1

You need to append the contents of strcode which you are not doing in your function.

Also:-

You need to add var strCode = '' before this line(At the beginning of the function):-

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

answered Jul 20, 2013 at 10:16

Vivek Sadh

4,2683 gold badges35 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Geek Over a year ago

Actually my code is working fine in IE but not in chrome or Mozilla.I have added strCode to my div using jquery.

sabof · Accepted Answer · 2013-07-20 10:23:05Z

0

Here is the code with needed modifications. Also, you need to do somethign with the resulting string. For example append it to body. (untested)

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;
}

edited Jul 20, 2013 at 10:23

answered Jul 20, 2013 at 10:17

sabof

8,2024 gold badges32 silver badges53 bronze badges

Comments

Manoj Yadav · Accepted Answer · 2013-07-20 10:24:52Z

0

You need to initialize the strCode and append it to table. Example

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

Updated Code:

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
}

answered Jul 20, 2013 at 10:24

Manoj Yadav

6,6121 gold badge25 silver badges21 bronze badges

Comments

score 0 · Accepted Answer · 2013-07-20 10:35:45Z

0

var myRow="<tr><td>my row</td></tr>";
$("#myTableId").append(myRow);

edited Jul 20, 2013 at 10:35

answered Jul 20, 2013 at 10:29

user2587132

Collectives™ on Stack Overflow

jQuery/Javascript code not working in Chrome and Firefox

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related