title: Get value from select list in JS
body: <p>I know that this might be very simple question and I tried to find solutions in the web but I can't figure it...
  I have the following C# / ASPX code: </p>
  
  <pre><code>    SelectArea += "&lt;select name=\"Area\" id=\"area\"&gt;" + "&lt;option value=\"Default\" style=\"display:none;\"&gt;SELECT AREA&lt;/option&gt;";
      for (i = 0; i &lt; ds.Tables[0].Rows.Count; i++)
      {
          AreaName = ds.Tables[0].Rows[i]["AreaName"].ToString();
          SelectArea += string.Format("&lt;option value=\"{0}\"/&gt;{0}&lt;/option&gt;", AreaName);
      }
      SelectArea += "&lt;/select&gt;";
  </code></pre>
  
  <p>And this javascript function that happeen after submit </p>
  
  <pre><code>function validateProfile() {
  
      var el = document.getElementById("area").value;
      alert(el);
  }
  </code></pre>
  
  <p>I want some how to get the number of the selected value in the list.
  I tried with the code above but it doesn't work.</p>
  
  <p>wish for help, thanks! </p>