Getting value of a select element

Hi!
I have a form, which displays different drop down boxes based on the radio button selected. On SUBMIT button, I validate whether a radio button is pressed or not.
The above requirement is wrking fine. Now on successful validation i.e. on click of "SUBMIT" button, I want to display the value selected from the drop down as an alert.
I am unable to do so cause I am not sure how will i pass the selected drop down value on click of submit button.
Say for example: I select "California" on selecting radio button "USA"...hw wud i pass the value nd display "California" as an alert?

Its a lilltle urgent! Would really appreciate any help!! Thanks in advance!

My code:

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>    
<head>

function hideit(it) {
  document.getElementById(it).style.display = "none";
}

function hideall() {
  for (var i=1; i<=4; i++) {
    hideit("x" + i);
  }
}

function validate(){
if ( (document.MyForm.cont[0].checked == false ) && (document.MyForm.cont[1].checked == false ) && (document.MyForm.cont[2].checked == false) ){
alert ( "Please select an Continent!" );    
document.MyForm.cont[0].focus();   
return false; 
}
return true;
}

</script>  
</head>   
<body> 
<p align="left">
	<img border="0" src="C:\Users\Public\Pictures\Sample Pictures\Desert.jpg" width="1004" height="73"></p>
  <h1 style align="center"><i><u><font color="#3300cc">My Page</font></u></i></h1>
  <form id="MyForm" name="MyForm" method="post">
 
<font size="4" color="#990033"><b><i><u>Select Nsture:</u></i></b></font><br/>
<INPUT TYPE=RADIO NAME="cont" VALUE="H"><font size="3"><b>Mountains</b></font><br/>
<INPUT TYPE=RADIO NAME="cont" VALUE="L"><font size="3"><b>Rivers</b></font><br/>
<INPUT TYPE=RADIO NAME="cont" VALUE="LL"><font size="3"><b>Ocean</b></font><br/>

<font size="4" color="#990033"><b><i><u><br><br>Select Location:</u></i></b></font><br/>
<INPUT TYPE=RADIO NAME="env" VALUE="H" onclick="hideall();showit('x1')"><font size="3"><b>MALAYSIA</b></font><br/>
<select id="x1" style="display:none"> 
<option value="KL">KL</option>
</select>
<INPUT TYPE=RADIO NAME="env" VALUE="L" onclick="hideall();showit('x2')"><font size="3"><b>UK</b></font><br/>
<select id="x2" style="display:none">
<option value="london">LONDON</option>
</select>
<INPUT TYPE=RADIO id="my_radio" NAME="env" VALUE="LL"onclick="hideall();showit('x3')"><font size="3"><b>USA</b></font><br/>
<select id="x3" style="display:none">
<option value="Washington">Washington</option>
<option value="LA">LA</option>
<option value="New York">New York</option>
<option value="California">California</option>
</select>

<INPUT TYPE=RADIO id="PRD" NAME="env" VALUE="LL"  onclick="hideall();showit('x4')"><font size="3"><b>INDIA</b></font><br/>
<select id="x4" style="display:none">
<option value="Mumbai">Mumbai</option>
<option value="Delhi">Delhi</option>
<option value="Bangalore">Bangalore</option>
<option value="Kolkatta">Kolkatta</option>
<option value="Agra">Agra</option>

</form> 
</body> 
</html>

Since your issue is with JavaScript, not JSP, you need to debug this on the client.

Be sure that the JavaScript console for your browser is open so you can see any errors that are occurring. At what point does code go wrong? What part works and what part does not?

Thanks Bear Bibeault! amazing that you formatted the code for me..looks indeed understandable.
Can some help provide me with a solution to my query? I want to display the value selected by the dropdown onclick of "SUBMIT" button.

You will need to store the value of the select-box shown in a globally declared javascript variable.
And using that id retrieve the value of combo value selected using

Hope this helps.

Nikhil Padharia wrote:You will need to store the value of the select-box shown in a globally declared javascript variable.

Not so. In fact, globals should be avoided unless absolutely necessary.

The value can be obtained in the submit handler whiteout needing to store it anywhere.

thanks!but still i am unable to understand the solution..my drop down elelmnet IDs are diffferent in each case..as in it depends on the radio button selected..How do i go abt it?