I have a table with header row and body rows. Body rows are named as "tr1" When i click a button, it asks the user to delete particular row. I did like this

<input type="button" value="Delete" onclick="delRow('tr1')">

<script language="javascript">
function delRow(_id){
//window.prompt to get the number from user
    var _elm=document.getElementById(_id);
    var _par=_elm.parentNode;
    var _remid=_par.removeChild(_elm);
}
</script>


But it always deletes the first row(tr1(0)) only.
How can i delete specific(tr1(2)).

And, how can i insert new child. I tried,

 _par.appendChild(_elm)

But it overwrites existing. Coz already tr1 is there.
How can i insert new child with the same name as 'tr1'

Thanx in advance

Surely this is a topic for the Web forum?
Seems like you're not defining the row clearly enough, if they all have the same name and not id then your code will not work as intended. Try to pass the row as a parameter, not the string value 'tr1'. If you show an example row where the button is I can show you the code.

--

Joe

Hello, thank you for reply. Here is my table


<form name="frm1">
<table align="center" cellpadding="3" cellspacing="0" border="1" id=tab1 name=tab1>
    <thead>
    <tr>
        <th>Opr. No</th>
        <th>Pay Type</th>
        <th>Qty</th>
        <th>OT(Y/N)</th>
        <th>Action</th>
    </tr>
    </thead>
    <tbody name="tb1" id="tb1">
    <tr name="tr1" id="tr1" align="center">
        <td>11</th>
        <td>P</th>
        <td>500</th>
        <td>N</th>
        <td>0</th>
    </tr>
    <tr name="tr1" id="tr1" align="center">
        <td>06</th>
        <td>P</th>
        <td>600</th>
        <td>N</th>
        <td>0</th>
    </tr>
    <tr name="tr1" id="tr1" align="center">
        <td>09</th>
        <td>T</th>
        <td>0</th>
        <td>Y</th>
        <td>2</th>
    </tr>
    </tbody>
</table>
<br><br>
<input type="button" value="Delete" onclick="delRow('tr1')">
<input type="button" value="Add" onclick="addrow('tr1')">
</form>



My aim is to design a grid layout for data entry. The table initially contains one row with textboxes. If the user click to add new record, new row should append to the existing table with textboxes.
Is there any other way to do this?

----------
Rajani

Ok,

  I got it. Thanx for u r affort.



-----
Rajani