Accessing a HTML element using javacript variable

[dhillarun]

Hi All,

I am passing ID of the HTML SELECT element to a javascript function.
In that function I need to access the value selected in that select box.
I tried the following code. but it didn't work.

function save()
{ 
   var x='bid';
   res=document.bform.x.options[document.x.selectedIndex].value;
   alert(res);
}
 

[HTML]
<form name="bform" >
<select id="bid" name="bid">
<option value="1">1
<option value="2">2
</select>
<input type="button" onClick="save();">
</form>
[/HTML]

My problem is , I am having id value of the select box in a variable.
How can I use that value while calling "document.frm_name.select_element_name.selectedInd ex;"

Pl. do reply me.

[acoder]

Replace

.x.

with

[x]

in your code or try:

document.getElementById(x).value;

[gaya3]

Hi All,

I am passing ID of the HTML SELECT element to a javascript function.
In that function I need to access the value selected in that select box.
I tried the following code. but it didn't work.

function save()
{ 
   var x='bid';
   res=document.bform.x.options[document.x.selectedIndex].value;
   alert(res);
}
 

[HTML]
<form name="bform" >
<select id="bid" name="bid">
<option value="1">1
<option value="2">2
</select>
<input type="button" onClick="save();">
</form>
[/HTML]

My problem is , I am having id value of the select box in a variable.
How can I use that value while calling "document.frm_name.select_element_name.selectedInd ex;"

Pl. do reply me.

Hi,
Instead of giving like
res=document.bform.x.options[document.x.selectedIndex].value;

u may give like....
res=document.bform.x.options[document.bform.x.selectedIndex].value;

i have tried out.. its working fine..

-Thanks,
Hamsa