JavaScript how to add data to a variable

Question

I have

var  table = "<tr><td><input type='hidden' class='hid_id' value='"+id+"' /> "+id+
"</td><td>"+document.getElementById("name_"+id).value+
"</td><td>"+document.getElementById("price_"+id).value+
"</td><td><input type='text' id='qua_"+id+
"' value='1' disabled='disabled' /></td><td><button>more</button></td></tr>";

to add to table when user click Addbutton

  <table id="tbForm1"  border="1">
         <tbody>
         </tbody>
  </table>

But I want store it (var table) and assign to other one variable and all row when user click add. How I can ?

Edit I don't know syntax of JavaScript but if it's PHP, I mean:

  $ba .= 'a';
  if(click=='add'){
   $ba .='b';
  }
  echo $ba; //outup ab

I'm not really sure what you're asking, but maybe `document.getElementById("tbForm1").innerHTML` is what you want? — Barmar, Dec 18 '15 at 23:43
I think the OP wants to store the whole table to a `var` html and all! — Adam Buchanan Smith, Dec 18 '15 at 23:46
@Barmar I mean if it's PHP code `$ba .= 'a'; if(1==1){ $ba .='b';}if(2==2){ $ba .= 'c';}else{ $ba .= ' d';} echo $ba; //outup abc` — Songs, Dec 18 '15 at 23:52

score 0 · Answer 1 · edited May 23 '17 at 12:23

0

As Vohuman mentioned use that function to create dynamic row with an Id and use below to add that row to another table.

var x =document.getElementById("tbForm1").getElementsByTagName('tbody');
x.innerHTML = generateRow(id);

Also refer to this to add subsequent rows

How to insert row in HTML table body in javascript?

edited May 23 '17 at 12:23

Community

1
1

answered Dec 18 '15 at 23:55

pratikpawar

2,038
2
16
20

JavaScript how to add data to a variable

1 Answers1