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);

以上就是兩種獲取下拉框的兩種方式，解決問題的方法不止一種，適合自己的才是最好的。