Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
 <form name="form1" id="form1" method="post">
        <p>
          <input type="text" name="num_text" id="num_text"/>
          <input type="button" name="Submit" value="INPUT" onclick="add_col();" />
        </p>
        <p>&nbsp;</p>
        <table  id="uTable"width="183" border="0">
          <tr id="tr1">
            <th>Name</th>
          </tr>
          <tr id="tr2">
            <th>Phone</th>
          </tr>
          
          <tr id="tr3">
            <th>Smart</th>
          </tr>
          
          <tr id="tr4">
            <th>Marketing</th>
          </tr>
          
      </table>
        <input type="submit" name="Submit2" value="Insert"  />
    </form>
 
function add_col()
   {
   var num_box = document.getElementById("num_text").value;
   if(num_box)
   {
   for(var i=0; i<num_box; i++)
   {
   var tableName1 = document.getElementById("uTable");
   var newTR1 = document.getElementById("tr1");
   var newName1 = document.createElement("TH");
   newName1.innerHTML = "<input type='text'  name='site' id='site' value='cell value'>";
   var newTR2 =    ("tr2");
   var newPhone1 = document.createElement("TH");
   newPhone1.innerHTML = "<input type='text'  name='cell' id='cell' value='site value'>";
     
     
   var newTR3 = document.getElementById("tr3");
   var newSmart1 = document.createElement("TH");
   newSmart1.innerHTML = "<input type='text'  name='cell' id='cell' value='site value'>";
     
        var newTR4 = document.getElementById("tr4");
   var newMarketing1 = document.createElement("TH");
   newMarketing1.innerHTML = "<input type='text'  name='cell' id='cell' value='site value'>";
   newTR1.appendChild(newName1);
   newTR2.appendChild(newPhone1);
     
   newTR3.appendChild(newSmart1);
     
   newTR4.appendChild(newMarketing1);
   tableName1.appendChild(newTR1);
   tableName1.appendChild(newTR2);
   tableName1.appendChild(newTR3);
   tableName1.appendChild(newTR4);
    document.form1.reset();
    }
   }
   }
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers