How to add the value to a specific row data in table(Parent) from child page using javascript?

Question

I have two pages First.html and Second.html. In Second.html i have one search button that redirect to second.html and once I choose the value it will populate the value in first.html. But the problem is in first.html the table has two id ="major". Based on the search button it will populate the value in the particular major box. How to achieve this ?

Answer 1

You can access two different elements with same id like this:

var table=$("table#major");
var inputelement=$("input#major");

Answer 2

As the comment suggested, IDs should be unique in your HTML. To determine which row you want to manipulate, use the ID from the table and use the table's rows collection...

document.getElementById("Major").rows[rowNumber].cells[1].children[0].value;

...rowNumber will probably need to be manipulated to ensure you are on the correct row. With your code, the first row you care about is row 2.