获取下拉框中的值

1、下拉选如图所示，支持模糊查询，使用的是select2插件。

2、前台代码如下所示：

<td class="title-query">任务状态：</td>
 <td class="input-query" nowrap>
          <select id="taskStatus" name="taskStatus" class="code">
                     <option value="">全部</option>
                     <c:forEach items="${colnames }" var="col">
                         <option value="${col.codeCode }"
                               <c:if test='${uiMiMessageForm.taskStatus==col.codeCode }'>selected</c:if>>${col.codeCName }</option>
                     </c:forEach>
            </select>
 </td>

3、colnames：后台查询出的对象，封装的有任务状态的信息

4、获取选中下拉框的值

  4.1、第一种方式，代码如下：

     /* 任务状态  */
    var taskStatus = document.getElementsByName("taskStatus")[0].value;

  4.2、第二种方式，代码如下：

      a、定义一个js函数：

function getSelectValue(sel){
        var select = null;
        for(var i = 0; i < sel.length; i++){
            if (sel[i].selected == true) {
                select = sel[i].value;
            }
        } 
        return select;
    }

b、获取选中的任务状态：

var sel = document.getElementById("taskStatus");
var taskStatus = getSelectValue(sel);

以上就是两种获取下拉框的两种方式，解决问题的方法不止一种，适合自己的才是最好的。