显示隐藏div并验证提交,下拉框赋值
2012-02-09 15:35
232 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://www.sikucn.com/tags/core" prefix="s"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib uri="http://jsptags.com/tags/navigation/pager" prefix="pg"%>
<%@ taglib uri="http://www.sikucn.com/tags/core" prefix="s"%>
<script type="text/javascript" src="/res/js/widget/my97DatePicker/WdatePicker.js" />
<script type="text/javascript" src="/res/ckeditor/ckeditor.js"></script>
<script type="text/javascript">
function isshow(a)
{
if(a==0){ //隐藏显示div
document.getElementById('week').style.display ='block';
//显示
document.getElementById('month').style.display ='none';
//隐藏
}
if(a==1){
document.getElementById('month').style.display ='block';
document.getElementById('week').style.display='none';
}
}
function check(){
if(obj$('line_show').value==0 && obj$('weekTime').value==''){
alert("请选择您要统计的周");
event.returnValue=false; //ie6
return false;
}
if(obj$('line_show').value==1 && obj$('monthTime').value==''){
alert("请选择您要统计的月");
event.returnValue=false;
return false;
}
var lenth = $("input[name='propids'][type='checkbox']:checked").size(); //所有被选择的多选框
if(lenth==0){
alert("请选择您要推送的网站");
event.returnValue=false;
}
if(lenth>5){
alert("最多只能选择5个网站");
event.returnValue=false;
}
}
</script>
<!-- 搜索 -->
<div align="left">
<form id="sendProperty" action="/adminSendProperty.htm" method="post" onsubmit="javascript:check();">
<table class="sikoo-table-a">
<tr>
<td>
统计类型:
</td>
<td>
<select id="line_show" name="line_show" onChange="isshow(this.value)" style="width: 80px;white-space: nowrap;">
<option value="0" ${show eq 0 ? 'selected' : '' } >
周
</option>
<option value="1" ${show eq 1 ? 'selected' : '' } >
月
</option>
</select>
</td>
<c:if test="${user.role.id eq Constants_USER_ROLE_SYSTEMADMIN}"> <td> </c:if>
<c:if test="${user.role.id eq Constants_USER_ROLE_COMPANYADMIN}"> <td colspan="3"> </c:if>
<div id="week" ${show eq 1?'style="display:none;"':'' }>
<input name="weekTime" id="weekTime" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd-WW'})" class="Wdate" value="${weekTime}" size="15" readonly=readonly/>
</div>
<div id="month" ${show eq 1?'':'style="display:none;"' }>
<input name="monthTime" id="monthTime" onfocus="WdatePicker({dateFmt:'yyyy-MM'})" class="Wdate" value="${monthTime}" size="15" readonly=readonly/>
</div>
</td>
</tr>
<tr>
<td>
推送网站:
</td>
<td colspan="3">
<c:forEach var="website" items="${website}"
varStatus="status"> //所有选择框
<c:set value="flase" var="b"/>
<c:forEach var="id" items="${ids}" varStatus="status1"> //已经选择的下拉框
<c:if test="${id eq website.websitePk }">
<c:set value="true" var="b"/>
</c:if>
</c:forEach>
<c:if test="${status.index!=0 && status.index % 7==0 }"></br></c:if> //没7个换行
<input type=checkbox value="${website.websitePk }" name="propids" ${b ?'checked':''}>${website.websiteName }</input>//记住已经选择的下拉框
</c:forEach> </td>
<td><input type="submit" name="search" value="查询" class="post_bt" onmouseover="this.className='post_bt2';" onmouseout="this.className='post_bt';"/></td>
</tr>
</table>
</form>
</div>
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://www.sikucn.com/tags/core" prefix="s"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib uri="http://jsptags.com/tags/navigation/pager" prefix="pg"%>
<%@ taglib uri="http://www.sikucn.com/tags/core" prefix="s"%>
<script type="text/javascript" src="/res/js/widget/my97DatePicker/WdatePicker.js" />
<script type="text/javascript" src="/res/ckeditor/ckeditor.js"></script>
<script type="text/javascript">
function isshow(a)
{
if(a==0){ //隐藏显示div
document.getElementById('week').style.display ='block';
//显示
document.getElementById('month').style.display ='none';
//隐藏
}
if(a==1){
document.getElementById('month').style.display ='block';
document.getElementById('week').style.display='none';
}
}
function check(){
if(obj$('line_show').value==0 && obj$('weekTime').value==''){
alert("请选择您要统计的周");
event.returnValue=false; //ie6
return false;
}
if(obj$('line_show').value==1 && obj$('monthTime').value==''){
alert("请选择您要统计的月");
event.returnValue=false;
return false;
}
var lenth = $("input[name='propids'][type='checkbox']:checked").size(); //所有被选择的多选框
if(lenth==0){
alert("请选择您要推送的网站");
event.returnValue=false;
}
if(lenth>5){
alert("最多只能选择5个网站");
event.returnValue=false;
}
}
</script>
<!-- 搜索 -->
<div align="left">
<form id="sendProperty" action="/adminSendProperty.htm" method="post" onsubmit="javascript:check();">
<table class="sikoo-table-a">
<tr>
<td>
统计类型:
</td>
<td>
<select id="line_show" name="line_show" onChange="isshow(this.value)" style="width: 80px;white-space: nowrap;">
<option value="0" ${show eq 0 ? 'selected' : '' } >
周
</option>
<option value="1" ${show eq 1 ? 'selected' : '' } >
月
</option>
</select>
</td>
<c:if test="${user.role.id eq Constants_USER_ROLE_SYSTEMADMIN}"> <td> </c:if>
<c:if test="${user.role.id eq Constants_USER_ROLE_COMPANYADMIN}"> <td colspan="3"> </c:if>
<div id="week" ${show eq 1?'style="display:none;"':'' }>
<input name="weekTime" id="weekTime" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd-WW'})" class="Wdate" value="${weekTime}" size="15" readonly=readonly/>
</div>
<div id="month" ${show eq 1?'':'style="display:none;"' }>
<input name="monthTime" id="monthTime" onfocus="WdatePicker({dateFmt:'yyyy-MM'})" class="Wdate" value="${monthTime}" size="15" readonly=readonly/>
</div>
</td>
</tr>
<tr>
<td>
推送网站:
</td>
<td colspan="3">
<c:forEach var="website" items="${website}"
varStatus="status"> //所有选择框
<c:set value="flase" var="b"/>
<c:forEach var="id" items="${ids}" varStatus="status1"> //已经选择的下拉框
<c:if test="${id eq website.websitePk }">
<c:set value="true" var="b"/>
</c:if>
</c:forEach>
<c:if test="${status.index!=0 && status.index % 7==0 }"></br></c:if> //没7个换行
<input type=checkbox value="${website.websitePk }" name="propids" ${b ?'checked':''}>${website.websiteName }</input>//记住已经选择的下拉框
</c:forEach> </td>
<td><input type="submit" name="search" value="查询" class="post_bt" onmouseover="this.className='post_bt2';" onmouseout="this.className='post_bt';"/></td>
</tr>
</table>
</form>
</div>
相关文章推荐
- toggle一个div显示或隐藏且可扩展成自定义下拉框
- 通过select下拉框里的value控制div显示与隐藏
- select下拉列表框---控制DIV的显示隐藏
- toggle一个div,显示与隐藏,可以扩展成自定义下拉框
- 通过select下拉框里的value控制div显示与隐藏
- js 页面按钮提交后 创建显示loading div 操作完成后 再隐藏或删除 进度div
- js控制div显示隐藏与赋值,selelect默认选中,div显示竖向进度条
- RecyclerView上拉隐藏Toolbar,下拉显示
- 点击button改变div的显示隐藏
- js中div显示和隐藏钮为什么页面总是跳一下到最上面
- CSS实现超出DIV宽度文字自动隐藏并显示省略号
- js控制div点击隐藏显示
- RecyclerView上拉隐藏Toolbar,下拉显示
- JS+CSS简单实现DIV遮罩层显示隐藏
- 下拉菜单中控制div显示或隐藏
- jquery 显示隐藏div方法show(),hide(),toggle(),slideDown()总结
- Div显示/隐藏
- BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析
- div 显示与隐藏
- 鼠标悬浮移出控制div的显示与隐藏