How to fetch a select tag value from child page javascript?

Question

I have a parent page where a select tag is there. It has a number of options. Now the user can select one of the options.

But the problem is the select tag doesnt have an id instead it has a name which is generated in runtime.

Now i want to fetch the selected value from child page javascript. Can anyone please provide me the pointers for this?

Answer 1

Given the select element sel, you would get that as follows

var idx=sel.selectedIndex;
var value=sel.options[idx].value;

You could obtain the sel element by giving it an id and using document.getElementById(), or via document.forms['formname'].elements['elementname']

Answer 2

Get value of HTML select tag using Javascript--

vae sel = document.get elementbyID("xyz");

alert(sel.options[sel.selectedIndex].text);

Answer 3

You are right David. The correct answer is--

Get value of HTML select tag using Javascript--

vae sel = document.getElementsByName("xyz");

alert(sel.options[sel.selectedIndex].text);