StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POAdding a row to a table
primarykey
Id
19028998
data
AcceptedAnswerId
0
AnswerCount
2
ClosedDate
CommentCount
5
CommunityOwnedDate
CreationDate
2013-09-26T12:59:20.543
FavoriteCount
0
LastActivityDate
2013-09-26T13:50:07.120
LastEditDate
2013-09-26T13:20:17.890
LastEditorUserId
1009413
OwnerUserId
2761396
ParentId
0
PostTypeId
1
Score
0
ViewCount
417
LastEditorDisplayName
text
Body
<p>I have written a code to add a new row dynamically on a click of a button. There are 5 columns.</p> <p>The third column contain Two <strong>radio buttons</strong>, and on click of each radio button, new options appear. This Works Fine for the first row, but as soon as I click on the button to generate a new row problems start.</p> <p>When I click on the radio button of the second row, options appear on the first row. Instead I want them to appear in that specific column.</p> <p><strong>Here is my code for adding a row</strong></p> <pre><code>function addRow(tableID) { var table = document.getElementById(tableID); var rowCount = table.rows.length; var row = table.insertRow(rowCount); var colCount = table.rows[0].cells.length; for(var i=0; i<colCount; i++) { var newcell = row.insertCell(i); newcell.innerHTML = table.rows[1].cells[i].innerHTML; } } </code></pre> <p><strong>And this is my table</strong></p> <pre><code><TABLE id="dataTable" border="1"> <td><input type="text" id=1 /></td> <td><input type="text" id=2 /></td> <td> <input type="radio" name="radio1" value="1" onClick="toggleDisplay('mydiv','mydiv1');">Own <input type="radio" name="radio2" value="1" onClick="toggleDisplay1('mydiv','mydiv1');">Contractor <div id="mydiv" style="display:none;"> <input type="radio" name="Wage" value="Wage">Wage Board <input type="radio" name="Staff" value="Staff">Staff </div> <div id="mydiv1" style="display:none;"> Name Of Contractor:&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name = "text" > <input type="radio" name="No" >No of Workmen </div> </td> <td><input type="text" id=5 /></td> <td><input type="text" id=4 /></td> </tr> </TABLE> <INPUT type="button" value="Add Row" onclick="addRow('dataTable')" /> </code></pre> <p>Please help me out on this one as soon as possible. I think the problem is with unique ids.</p>
Tags
<javascript><jquery><html>
Title
Adding a row to a table
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USChris Kempen
UserOwnerUserId
1. USSamir
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POAdding a row to a table
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTApproveEditSuggestion
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.