Setting up the default value in a new textbox
<p>I am trying to make a form in which there will be a button, when clicking on it a Javascript function will be called and a new row with a textbox will be added. In simple words, when clicking on the button, new text will be added. Here is the function:</p>

<pre><code>function addRowToTable()

    {
      var tbl = document.getElementById('tblSample');
      var lastRow = tbl.rows.length;
      // if there's no header row in the table, then iteration = lastRow + 1
      var iteration = lastRow;
      var row = tbl.insertRow(lastRow);

      // left cell
      var cellLeft = row.insertCell(0);
      var textNode = document.createTextNode(iteration);
      cellLeft.appendChild(textNode);

      // right cell
      var cellRight = row.insertCell(1);
      var el = document.createElement('input');
      el.type = 'text';
      el.name = 'txtRow' + iteration;
      el.id = 'txtRow' + iteration;
      el.size = 40;

      cellRight.appendChild(el);

      // select cell
      var cellRightSel = row.insertCell(2);
      var sel = document.createElement('select');
      sel.name = 'selRow' + iteration;
      sel.options[0] = new Option('text zero', 'value0');
      sel.options[1] = new Option('text one', 'value1');
      cellRightSel.appendChild(sel);
    }
</code></pre>

<p>Now please guide me: how can I set the default value of the text box and drop down box? I mean in this code where should I put <code>&lt;?php echo $data['pno'];?&gt;</code></p>

<p>I have tried putting in the HTML form; for the first row it works but for the second row it doesn't work. Thanks.</p>
