Javascript取select的选中值和文本内容

body部分

<select name="area"  id="area"  >
          <option>请选择</option>
                <c:forEach items="${listarea}" var="area">
                <option>${area}</option>
             </c:forEach>                                                                                                                                                                                                                                
    </select>

javascript部分

 var   area   =   document.getElementById('area'); 

//选择的第几个

        var   areaindex   =   area.selectedIndex;
       // alert(areaindex);
        var   areatext   =   area.options[areaindex].text;

//var   areavalue   =   area.options[areaindex].value;