I am a designer,and recently tried to do a mini-game for a friend.I learned,or at least tried to learn java and jquery and am finished with most of the job.However,I want a dropdown list(made the layout already) and when you select something in there you can edit a variable's value (This sounds dumb but I don't normally use java).
Here's my html:

<ul id="menu">
<li><a href="">In-game Minute</a>
<li><a href="">Minute 15</a></li>
<li><a href="">Minute 25</a></li>
<li><a href="">Minute 35</a></li>
<li><a href="">Minute 45</a></li>
<li><a href="">Champion Level</a>
<li><a href="">Level 14</a></li>
<li><a href="">Level 15</a></li>
<li><a href="">Level 16</a></li>
<li><a href="">Level 17</a><li>
<li><a href="">Level 18</a><li>

And my CSS :

ul {
font-family: Arial, Verdana;
font-size: 18px;
margin: 1;
padding: 1;
list-style: none;
ul li {
display: block;
position: relative;
float: right;
li ul { display: none; }
ul li a {
display: block;
text-decoration: none;
color: #ffffff;
padding: 5px 15px 5px 15px;
background: #2f2f2f;
margin-left: 1px;
white-space: nowrap;
ul li a:hover { background: #284266; }
li:hover ul {
display: block;
position: absolute;
li:hover li {
float: none;
font-size: 11px;
li:hover a { background: #284266; }
li:hover li a:hover { background: #284266; }

How or what should I do in javascript so that if ( answer == 1 ) certainvariable=x;
else if etc... ?