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>&nbsp;&nbsp;&nbsp;&nbsp;年份：'
      +'<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>&nbsp;&nbsp;&nbsp;&nbsp;年份：'
       +'<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函数