js二级联动菜单

来源：互联网发布：数据平滑处理算法编辑：程序博客网时间：2024/04/29 05:46

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="/struts-tags" prefix="s"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title>My JSP 'index.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<SCRIPT type="text/javascript" src="<%=path%>/js/birthdays.js"></SCRIPT>
<script type="text/javascript" src="<%=path%>/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
var isAccess = false;
$(function() {
$(".timedate").change(
function() {
//sub是submit的id
$("#sub").attr("display",false);
});

$("#organizatioId").change(
function() {
var orgId = $(this).val();
$.post("costScoreJson_getCostScoreType.action", {
"orgId" : orgId
}, function(data) {
//proType为报表的类型的下拉框id
$("#proType").find("option").remove();
$.each(data.bblxlist, function(list, i) {
var _op = "<option value="+i.proType+">"
+ i.typeName + "</option>";
$("#proType").append(_op);
});
});
});
});

function validate() {
var storage = window.localStorage;
storage.clear();
/* storage.removeItem("companyName");
storage.removeItem("orgId");
storage.removeItem("year");
storage.removeItem("day");
storage.removeItem("proType"); */
/**公司的名称*/
var organizatioId = $.trim($("#organizatioId option:selected").text());

var orgId = $.trim($("#organizatioId option:selected").val());
var year = $.trim($("#year option:selected").val());
var month = $.trim($("#month option:selected").text());
var day = $.trim($("#date option:selected").text());
var proType = $.trim($("#proType option:selected").val());
storage.setItem("companyName", organizatioId);
storage.setItem("orgId", orgId);
storage.setItem("year", year);
storage.setItem("month", month);
storage.setItem("day", day);
storage.setItem("proType", proType);
var url = "costScoreJson_validateReportIsExist.action";
$.post(url, {
"orgId" : orgId,
"year" : year,
"month" : month,
"day" : day,
"proType" : proType
}, function(data) {
if(data){
return true;
}else{
//数据库已经存在
$("#sub").attr("disabled", true);
return false;
}
});
}

/**只是进行上报类型下拉框的初始化*/
function selType() {
//子公司的orgid
var orgId = $.trim($("#organizatioId option:selected").val());
$.post("costScoreJson_getCostScoreType.action", {
"orgId" : orgId
}, function(data) {
$("#proType").find("option").remove();
$.each(data.bblxlist, function(list, i) {
var _op = "<option value="+i.proType+">" + i.typeName
+ "</option>";
$("#proType").append(_op);
});
});
}
function load() {
var storage = window.localStorage;
storage.clear();
}
</script>
</head>
<body
onload="years('year',new Date().getFullYear()),months(),change_date(),selType(),load()">
<form action="costScoreManage_add.action" method="post"
onsubmit="return validate()">
<table>
<tr>
<td>费用成本日报表上报公司:</td>
<td>
<s:select list="typeList" name="organizatioId" id="organizatioId"
listKey="companyID" theme="simple" listValue="companyName"></s:select>
上报类型:
<select id="proType" name="proType"></select>
</td>

</tr>
<tr>
<td>
<select size="1" class="timedate" name="year" id="year"
style="width:150px" onchange="change_date()"></select>
年
</td>
<td>
<select size="1" class="timedate" name="month" id="month"
style="width:70px" onfocus="months(),change_date()"
onchange="change_date()"></select>
月    
<select size="1" class="timedate" name="day" id="date"
style="width:50px"></select>
日
</td>
</tr>
</table>
<input type="submit" id="sub" value="日报表">
</form>
</body>
</html>

0 0