<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery/jquery-1.8.3.js"></script>
<script type="text/javascript" src="xheditor/xheditor-1.1.14-zh-cn.min.js"></script>
<style type="text/css">
#contents{width: 800px;height: 500px;}
</style>
<script type="text/javascript">
$(function(){
$('#contents').xheditor({
tools : 'simple',
html5Upload:false,
upImgUrl : "/news/UploadSvt",
upImgExt : "jpg,jpeg,gif,bmp,png",
onUpload : insertUpload
});
//xbhEditor编辑器图片上传回调函数
function insertUpload(msg) {
var _msg = msg.toString();
var _picture_name = _msg.substring(_msg.lastIndexOf("/") + 1);
var _picture_path = Substring(_msg);
$("#contents").append(_msg);
}
//处理服务器返回到回调函数的字符串内容,格式是JSON的数据格式.
function Substring(s) {
return s.substring(s.substring(0, s.lastIndexOf("/")).lastIndexOf("/"), s.length);
}
})
$(function(){
//var p='${bigtypes}';
//var c='${smalltypes}';
var p=[];
var c=[];
//var t=new Array;
$.ajax({
url:'NewsSvt?op=big',
type:'POST',
async:false,
dataType:'json',
success:function(data){
//alert(data[0].name);
//p=data;
for(var i=0;i<data.length;i++){
p.push(data[i].name);
}
//alert(p);
},
error:function(){
alert('ajax请求失败')
}
})
$.ajax({
url:'NewsSvt?op=small',
type:'POST',
async:false,
dataType:'json',
success:function(data){
//alert(data[2][0].name);
for(var i=0;i<data.length;i++){
var t=[];
for(var j=0;j<data[i].length;j++){
t.push(data[i][j].name);
}
c.push(t)
}
//alert(c.length);
// alert(c);
},
error:function(){
alert('ajax请求失败')
}
})
//alert("123");
//alert(p);
//alert(c);
for(var i=0;i< p.length;i++){
$("#bigtype").append($("<option>").val(i).html(p[i]));
}
$("#bigtype").change(function(){
$("#smalltype").html("<option>--请选择--</option>");
for(var i=0;i<c[$(this).val()].length;i++) {
$("#smalltype").append($("<option>").html(c[$(this).val()][i]));
}
});
})</script>
</head>
<body>
<form action="NewsSvt?op=add" method="post">
新闻类型:<select name="bigtype" id="bigtype">
<option>--类型--</option>
</select>
<select name="smalltype" id="smalltype">
<option>--请选择--</option>
</select><p/>
新闻标题:<input type="text" name="title"/><p/>
新闻内容:<textarea id="contents" name="contents"></textarea><p/>
<input type="submit" value="添加"/>
</form>
</body>
</html>
后端用out.println();传值
要注意的是每次只能传一个值,即只有一个data。