<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>动态加载下拉框中的类别_文件上传_添加商品</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="js/jquery-1.11.3.min.js"></script>
</head>
<body>
<!-- 上传对客户端和服务器都有要求 -->
<!-- 客户端：
1_提交方式为POST,即method="POST"
2_为每个表单项取一个名字,即<input name="pname">
3_ enctype="application/x-www-form-urlencoded"表示将表单中的内容按URL编码后，随着请求传递到服务器，强调要编码
application/x-www-form-urlencoded是一个默认值
enctype="multipart/form-data"表示将表单中的内容原封不动的将数据随着请求传递到服务器，强调不编码
注意，是对整个表单,只要表单中有上传文件，就得用multipart/form-data,否则就用application/x-www-form-urlencoded
-->
<form
action="${pageContext.request.contextPath}/ProductServlet?action=add"
method="POST"
enctype="multipart/form-data">
<table border="2" align="center">
<tr>
<th>名称[FileItem]</th>
<td><input type="text" name="pname" value="小米cc手机"/></td>
<th>市场价[FileItem]</th>
<td><input type="text" name="market_price" value="105"/></td>
<th>商场价[FileItem]</th>
<td><input type="text" name="shop_price" value="100"/></td>
</tr>
<tr>
<th>上传文件[FileItem]</th>
<td><input type="file" name="pimage"/></td>
<th>是否热门[FileItem]</th>
<td>
<select name="is_hot" style="width:111px">
<option value="1">热门</option>
<option value="0">冷门</option>
</select>
</td>
<th>是否上架[FileItem]</th>
<td>
<select name="pflag" style="width:111px">
<option value="1">上架</option>
<option value="0">下架</option>
</select>
</td>
</tr>
<tr>
<th>所属类别[FileItem]</th>
<td>
<select id="category" name="cid" style="width:222px">
</select>
</td>
</tr>
<tr>
<th>描述[FileItem]</th>
<td colspan="6">
<textarea style="width:777px" name="pdesc" cols="30" rows="3">小米小米我爱你，就像老鼠爱大米</textarea>
</td>
</tr>
<tr>
<td colspan="8" align="center">
<input type="submit" value="提交" style="width:222px"/>
</td>
</tr>
</table>
</form>
<!-- 浏览器加载jsp页面时，向服务器发送AJAX请求，获取所有类别信息，并动态的添加到下拉框中 -->
<script type="text/javascript">
$(function(){
var url = "${pageContext.request.contextPath}/CategoryServlet?action=findAllCategory";
var data = null;
var callback = function(backData){
//解析JSON对象
for(var i=0;i<backData.length;i++){
//一个Eclipse插件，它的名字是:JSEclipse插件
var cid = backData[i].cid;
var cname = backData[i].cname;
//创建option标签
var $option = $("<option value=‘"+cid+"‘>"+cname+"</option>");
//将option标签动态添加select下拉列表框中
$("#category").append($option);
}//for end
};
var type = "json";
$.post(url,data,callback,type);
});
</script>
</body>
</html>
原文地址：https://www.cnblogs.com/ly133333333333333/p/9855693.html
时间： 2024-11-05 13:40:39