📄 righttype.jsp
字号:
<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
body,td,th {
font-size: 13px;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #B6C850;
}
.operAll {
margin-top: 0px;
margin-left: 0px;
width: 300px;
height: 60px;
border: 1px solid #000000;
display: none;
}
.operAll .listAll {
margin-top: 0px;
margin-left: 0px;
width: 300px;
height: 30px;
}
.operAll .listAll .operateBtn {
margin-left: 30px;
margin-top: 7px;
float: left;
}
.operAll .listAll .operateBtn a {
text-decoration: none;
color: #cc3300;
}
</style>
<script language="javascript" src="../js/jquery-1[1].2.6.min.js" type="text/javascript">
</script>
<script type="text/javascript" language="javascript" src="../js/ui.mouse.js"></script>
<script type="text/javascript" src="../js/ui.draggable.js"></script>
<script type="text/javascript" src="../js/ui.draggable.ext.js"></script>
<script language="JavaScript" type="text/JavaScript">
function typeShow(){
var status=0;
var value_big_type=document.form1.bigType.value;
if(value_big_type=="0"){
return ;
}
for(var j=0;j<array_smallType.length;j++){
document.form1.smallType.options.remove(0);
}
for(var i=0;i<oid.length;i++){
if(oid[i]==value_big_type){
document.form1.smallType.options[status]=new Option(array_smallType[i],array_smallType_index[i]);
status++;
}
}
document.form1.bigTypeName.value=document.form1.bigType.options[document.form1.bigType.selectedIndex].text;
}
function stypeShow(){
var s="";
var value_small_type=document.form1.smallType.options[document.form1.smallType.selectedIndex].text;
for(var i=0;i<oid.length;i++){
if(value_small_type==oid_index[i]){
s=oid[i]
}
}
for(var j=0;j<document.form1.bigType.options.length;j++){
if(s==document.form1.bigType.options[j].value){
document.form1.bigType.options[j].selected=true;
}
}
document.form1.bigTypeName.value=document.form1.bigType.options[document.form1.bigType.selectedIndex].text;
document.form1.smallTypeName.value=document.form1.smallType.options[document.form1.smallType.selectedIndex].text;
}
var array_bigType;
var array_smallType;
var array_bigType_index;
var array_smallType_index;
var oid;
var saveSmallOid;
var oid_index;
function inits(){
//创建保存大类数据的数组
oid_index=new Array(document.form1.oid.options.length);
oid=new Array(document.form1.oid.options.length);
array_smallType_index=new Array(document.form1.smallType.options.length);
array_bigType_index=new Array(document.form1.bigType.options.length);
array_bigType=new Array(document.form1.bigType.options.length);
//创建保存小类数据的数组
array_smallType=new Array(document.form1.smallType.options.length);
//遍历赋值select的value值为id,text值为typename
for(var i=0;i<document.form1.bigType.options.length;i++){
array_bigType[i]=document.form1.bigType.options[i].text;
array_bigType_index[i]=document.form1.bigType.options[i].value;
}
//遍历赋值select的value值为id,text值为typename
for(var i=0;i<document.form1.smallType.options.length;i++){
array_smallType[i]=document.form1.smallType.options[i].text;
array_smallType_index[i]=document.form1.smallType.options[i].value;
}
for(var i=0;i<document.form1.oid.options.length;i++){
oid_index[i]=document.form1.oid.options[i].text;
oid[i]=document.form1.oid.options[i].value;
}
}
function doSubmit(actionString){
document.form1.action=actionString;
document.form1.submit();
}
var operStatus=0;
$(document).ready(function(){
$("#bo").click(function(){
if(operStatus==0){
$(".operAll").slideDown(1000);
operStatus=1;
}else{
$(".operAll").slideUp(2000);
operStatus=0;
}
});
});
</script>
</head>
<body onLoad=inits()>
<table class="top_map" width="95%" border="0" align="center"
cellspacing="0">
<tr>
<td height="26" background="top_map_bg.gif">
您当前的位置 >> 当当网后台管理系统 >> 类别管理页面 |
<a href="#" style="color: #666666;">其他位置</a>
</td>
</tr>
</table>
<form action="" method="post" name="form1">
<table style="border: 1px solid #5D6F0C;" width="95%" border="0"
align="center" cellspacing="0">
<tr>
<td height="25"
style="color: #CC3300; border-bottom: 1px solid #5D6F0C;"
background="top_map_bg.gif">
类型信息
</td>
</tr>
<tr>
<td valign="top">
大类名称：
<select name="bigType" onChange="typeShow()">
<option value="0" selected>
请选择大类
</option>
<c:forEach var="type" items="${types}">
<option value="${type.id}">
<c:out value="${type.typeName}"></c:out>
</option>
</c:forEach>
</select>
<input type="hidden" value="" name="bigTypeId" />
小类名称：
<select name="smallType" onChange="stypeShow()">
<option value="0" selected>
请选择小类
</option>
<c:forEach var="type2" items="${types}">
<c:forEach var="smallType" items="${type2.bookType}">
<option value="${smallType.id }">
<c:out value="${smallType.typeName }"></c:out>
</option>
</c:forEach>
</c:forEach>
</select>
<input type="hidden" value="" name="smallTypeId" />
<div style="display: none">
<select name="oid">
<option></option>
<c:forEach var="type2" items="${types}">
<c:forEach var="smallType" items="${type2.bookType}">
<option value="${smallType.oid }">
${smallType.typeName }
</option>
</c:forEach>
</c:forEach>
</select>
</div>
</td>
</tr>
<tr>
<td valign="top">
编辑大类：
<input type="text" name="bigTypeName" />
编辑小类：
<input type="text" name="smallTypeName" />
</td>
</tr>
<tr>
<td valign="top">
<input type="button" value="操作类型" name="operateType"
id="bo" />
<div class="operAll" id="operAll">
<div class="listAll">
<span class="operateBtn"><a
href="javascript:doSubmit('../servlet/AddTypeServlet')">增加大类</a>
</span>
<span class="operateBtn"><a
href="javascript:doSubmit('../servlet/UpdateTypeServlet')">更新大类</a>
</span>
<span class="operateBtn"><a
href="javascript:doSubmit('../servlet/DeleteTypeServlet')"
onclick="if(confirm('确定删除吗?')) return true;else return false;">删除大类</a>
</span>
</div>
<div class="listAll">
<span class="operateBtn"><a
href="javascript:doSubmit('../servlet/AddBookTypeServlet')">增加小类</a>
</span>
<span class="operateBtn"><a
href="javascript:doSubmit('../servlet/UpdateSmallTypeServlet')">更新小类</a>
</span>
<span class="operateBtn"><a
href="javascript:doSubmit('../servlet/DeleteBookTypeServlet')"
onclick="if(confirm('确定删除吗?')) return true;else return false;">删除小类</a>
</span>
</div>
</div>
</td>
</tr>
</table>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -