jsp select标签(含隐藏select)

说明:

select标签主要是两点,一个是相关js函数,一个是option标签.

本示列中还包含有一个隐藏的select,用于在js函数中调用.这里考虑到加载的速度及顺序问题,以避免在js函数中直接使用java代码带来的问题.

/*jsp内容*/

<div style="width:40%; float:left;">
<img src="<%=request.getContextPath() %>/<%=cssDir %>/img/san_funarea_search.png" width="14" height="14" align="absmiddle" />请选择查询类型
<select name="field" class="select" onChange="showNext()" >
<option value="CARNO" <%if(field.equals("CARNO")) out.print("selected"); %>>车牌号</option>
<option value="CARNAME" <%if(field.equals("CARNAME")) out.print("selected"); %>>车辆名称</option>

<option value="DEPTNAME" <%if(field.equals("DEPTNAME")) out.print("selected"); %>>部门</option>
</select>
</div>
<div style="width:60%; float:right;" id="myDiv"></div>

//隐藏select
<div>
<select id="dept" name="dept" class="select" style="display:none">
<option value="">请选择</option>
<%
ResultSet getDeptRs = db.executeQuery("select t.dept,t.deptname from pub_dept_manager t where unit='"+cua.getUnitCode()+"' and parentcode='"+cua.getUnitCode()+"'");
while(getDeptRs.next()){
if(keyvalue.equals(getDeptRs.getString(2)))
out.print("<option value='"+getDeptRs.getString(2)+"' selected>"+getDeptRs.getString(2)+"</option>");
else
out.print("<option value='"+getDeptRs.getString(2)+"'>"+getDeptRs.getString(2)+"</option>");
}
getDeptRs.close();
%>
</select>
</div>

<script language="JavaScript">

//查询跳转
var keyvalue = "<%=keyvalue%>";
var yearvalue = "<%=yearvalue%>";
var year ="<%=year%>";
//根据选择不同的查询条件,显示输入关键字的文本框或者下拉框
function showNext(){
if ( year =="currentyear"){
//从上个页面传过的year值不为空,且为字符串"currentyear"
yearvalue = "<%=currentYear%>";
}
var selectvalue = document.form1.field.options[document.form1.field.selectedIndex].value;
myDiv.innerHTML='<table cellpadding="0" cellspacing="0" border=0><tr><td>'
+'关键字： <input size="15" name="keyvalue" type="text" id="keyvalue" title="请输入要查找的关键字" value="'+keyvalue+'">'
+'</td><td>    年份：'
+'<input size="6" name="yearvalue" type="text" des="年份" id="yearvalue" maxlength="4" dtype=year title="请输入要查找的年份" value="'+yearvalue+'"></td>'
+'<td><a href="javascript: query();" class="main_fun_button" >查询</a></td></tr></table>';

//角色类别
if(selectvalue == "DEPTNAME"){
myDiv.innerHTML='<table cellpadding="0" cellspacing="0" border=0><tr><td>'
+'关键字：<select id="keyvalue" name="keyvalue" class="select" >'+document.all.dept.innerHTML
+'</select></td><td>    年份：'
+'<input size="10" name="yearvalue" type="text" des="年份" id="yearvalue" maxlength="4" dtype=year title="请输入要查找的年份" value="'+yearvalue+'"></td>'
+'<td><a href="javascript: query();" class="main_fun_button" >查询</a></td></tr></table>';
}
keyvalue="";
yearvalue ="";

if(document.form1.keyvalue!=null)
document.form1.keyvalue.focus();

}

</script>

相关js函数