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);
以上就是两种获取下拉框的两种方式,解决问题的方法不止一种,适合自己的才是最好的。