如何获取select下拉菜单中的值

在设计页面中经常会用到下拉菜单选择，那么如何获取下拉菜单中的值呢？

如下图，当我选择某一年份的时候，我们怎么怎么判断拿到选择的那个年份值？

这个下拉菜单在页面代码中是这样实现的： 

<select name="queryProYear" id="yearSelect">
       <option value="0">全部</option>
       <c:forEach begin="2010" end="2020" varStatus="loop">
            <c:choose>
               <c:when test="${queryProYear==loop.index}">
                   <option value="${loop.index}" selected>${loop.index}</option>
             </c:when>
           <c:otherwise>
                 <option value="${loop.index}">${loop.index}</option>
           </c:otherwise>
        </c:choose>
  </c:forEach>

</select>

控件的名称为：queryProYear，这样在js里面可以获得其值代码如下：

var sel_val = $('select[name=queryProYear]').val();

这样的话sel_val的值就是你选择的某个年份值