select 动态改变显示不同内容
来源:互联网 发布:威露士极是洗发水 知乎 编辑:程序博客网 时间:2024/06/06 08:38
小白第一次写博客,供以后查阅,不足之处还望斧正
进入update.jsp页面根据后台值select加载不同的内容
需求:如果进入页面select显示 投标次数+注册时间天数 你选择 累投金额+注册时间天数 修改累投金额,点击提交之后,刷新 页面 再次进入 select 会选中 累投金额+注册时间天数
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %><%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %><%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %><%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %><!--样式什么的就不引用了--><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript"> //修改 function gj_role_save(obj) { var id = $(obj).data("opid"); var newerBidRule = $("#newerBidRule").val();//取出hidden标签中的 if (newerBidRule == 1) { var newerBidCount = $("#newerBidCount").val();//新手投标次数限制 if (!newerBidCount.isEmpty()) { var patrn = /^\d{0,2}$/; if (!patrn.test(newerBidCount)) { $("#newerBidCount").select(); loading("1-2位数字", 4); return false; } } } if (newerBidRule == 2) { var newerBidAmount = $("#newerBidAmount").val();//新手累投金额限制 if (!newerBidAmount.isEmpty()) { var patrn = /^[0-9]+([.]{1}[0-9]{1,2})?$/; if (!patrn.test(newerBidAmount)) { $("#newerBidAmount").select(); loading("为数字", 4); return false; } } } var newerBidDayLimit = $("#newerBidDayLimit").val();//新手投标注册时间天数限制 if (!newerBidDayLimit.isEmpty()) { var patrn = /^[1-9][0-9]{1,4}$/; if (!patrn.test(newerBidDayLimit)) { $("#newerBidDayLimit").select(); loading("1-5位数字", 4); return false; } } //通过ajax 送到后台修改 var action = basePath + "/admin/globalSetting/updata.action"; $.ajax({ type: "post", url: action, data: { "id": id, "newerBidCount": newerBidCount, "newerBidAmount": newerBidAmount, "newerBidDayLimit": newerBidDayLimit, "newerBidRule": newerBidRule }, success: function (data) { var obj = $.parseJSON(data); if (obj.result == "success") { alert("修改成功"); window.location.href = basePath + "/admin/globalSetting/sove.action"; } else if (obj.result == "fiel") { $("#inputForm").select(); loading("修改失败", 4); } } }); } function fd3(Names) {
//把select选中的值保存到hidden标签中 $("#newerBidRule").val(Names);
Names = "mun_x" + Names; var Nnews; for (var i = 1; i < 3; i++) { var tempname = "mun_x" + i; var NewsHot = "x" + i; // “X”是ID名称,比如:ID命名为“case1”,这里的“X”即为“case” if (Names == tempname) { Nnews = document.getElementById(NewsHot); Nnews.style.display = ''; } else { Nnews = document.getElementById(NewsHot); Nnews.style.display = 'none'; } } } $(function () {//跳到这个页面之前,到controller层 中 allGlobalSetting查询方法中取出newBidRule值 var newerBid =${global.newerBidRule};
//一加载就根据数据库newerBidRule值显示对应的trif (newerBid == 2) {$("#x2").css("display", "block");}else if (newerBid == 1) {$("#x1").css("display", "block"); } }); </script></head><body><c:set var="id" value="${global.id}"/><form id="inputForm" class="form-horizontal"><input type="hidden" value="${global.newerBidRule}" id="newerBidRule"><div>
<table>
<tr>
<td style="padding-right: 15px">新手投标定义:</td>
<td><select onchange="fd3(this.value)"> 1步<c:if test="${global.newerBidRule==1}">
<option value="1" selected="selected">投标次数+注册时间天数</option>
<option value="2">累投金额+注册时间天数</option>
</c:if> <c:if test="${global.newerBidRule==2}">
<option value="1">投标次数+注册时间天数</option>
<option value="2" selected="selected">累投金额+注册时间天数</option> </c:if> </select>
</td> </tr>
<tr id="x2" style="display: none">
<td style="padding-left: 25px;padding-right: 22px">累投金额:</td>
<td><input type="text" name="newerBidAmount" id="newerBidAmount" value="${global.newerBidAmount}"/>
</td> <td><p> 新手累投金额限制 </p></td>
</tr> <tr id="x1" style="display: none">
<td style="padding-left: 25px;padding-right: 22px">投标次数:</td>
<td><input type="text" name="newerBidCount" id="newerBidCount" value="${global.newerBidCount}"/></td>
<td><p> 次以下</p></td> </tr> <tr> <td style="padding-left: 25px;padding-right: 22px">注册天数:</td>
<td><input type="text" name="newerBidDayLimit" id="newerBidDayLimit" value="${global.newerBidDayLimit}"/></td>
<td><p> 天以内 </p></td> </tr>
<tr> <td><input type="button" id="btnSubmit" class="btn btn-primary" onclick="gj_role_save(this)" value="提交" data-opid="${global.id}"/></td> </tr>
</table> </div></form></body></html>
/** * 全局设置操作 * * @author Administrator * */@Controller@RequestMapping("/admin/globalSetting")public class GlobalSettingController extends BaseController { /* 数据库字段 NewerBidRule Number(2) 新手投标判定规则 1 投标次数+注册时间天数, 2 累投金额+注册时间天数 NewerBidCount Number(2) 新手投标次数限制 NewerBidAmount Float 新手累投金额限制 NewerBidDayLimit Number(5) 新手投标注册时间天数限制 */@Autowiredprivate GlobalSettingServiceI globalSettingService;// 查询全部记录(全局设置只有一条记录)@RequestMapping(value = "sove", method = { RequestMethod.POST, RequestMethod.GET })public ModelAndView allGlobalSetting(HttpServletRequest request, HttpServletResponse response) {ModelAndView mv = new ModelAndView();Map<String, Object> map = new HashMap<>();List<GlobalSetting> list = globalSettingService.allData();for(GlobalSetting pagehelper:list){mv.addObject("global",pagehelper );break;}mv.setViewName("admin/globalSetting/update");return mv;} // 修改@RequestMapping(value = "updata", method = { RequestMethod.POST, RequestMethod.GET })public String UpdataGlobalSetting(HttpServletResponse response, HttpServletRequest request) throws Exception {request.setCharacterEncoding("utf-8");String Id = request.getParameter("id");BigDecimal id = new BigDecimal(Id);String newerBidCount = request.getParameter("newerBidCount");//新手投标次数限制lxfString newerBidAmount = request.getParameter("newerBidAmount");//新手累投金额限制lxfString newerBidDayLimit = request.getParameter("newerBidDayLimit");//新手投标注册时间天数限制lxfString newerBidRule = request.getParameter("newerBidRule");//新手投标定义:1,2try {HashMap<String, String> map = new HashMap<String, String>();GlobalSetting gs = new GlobalSetting();gs.setId(id);if (newerBidCount!=null&&!"".equals(newerBidCount)) {gs.setNewerBidCount(Integer.valueOf(newerBidCount.trim()));//lxf}if (newerBidAmount!=null&&!"".equals(newerBidAmount)) {gs.setNewerBidAmount(Float.valueOf(newerBidAmount.trim()));//lxf}if (newerBidDayLimit!=null&&!"".equals(newerBidDayLimit)) {gs.setNewerBidDayLimit(Integer.valueOf(newerBidDayLimit.trim()));//lxf}if(newerBidRule!=null&&!"".equals(newerBidRule)){//lxfgs.setNewerBidRule(Integer.valueOf(newerBidRule.trim()));}int a = globalSettingService.updateByPrimaryKeySelective(gs);if (a > 0) {map.put("result", "success");} else {map.put("result", "fiel");}String str = JSON.toJSONString(map);StringUtil.sendJsonData(response, str);return null;} catch (Exception e) {e.printStackTrace();}return null;}
阅读全文
0 0
- select 动态改变显示不同内容
- TextView动态改变显示的内容
- 动态改变 Select 选项
- 动态改变select 宽度
- 动态改变Menu item的显示字体内容
- Android 根据Edittext内容动态改变Listview显示的数据
- HTML route点击不同按钮,显示不同内容,可以改变按钮背景颜色
- Android动态来改变App桌面图标--根据不同节日显示不同logo
- 悬停显示不同内容
- 动态改变表格单元格内容
- 动态改变表格单无格内容
- javascript 动态改变菜单内容
- 点击不同元素显示不同内容
- wpf datagrid 单元格颜色 根据条件改变颜色 根据表datatable动态显示datagrid内容
- Android通过String.format格式化(动态改变)字符串资源的显示内容
- Android通过String.format格式化(动态改变)字符串资源的显示内容
- 动态改变select中option的次序
- select根据值动态改变选中项
- AES(Rijndael算法)
- Netty ByteBuf
- LeetCode 22 Generate Parentheses
- Linux按键驱动程序设计(2)-Linux中断处理程序
- 架构师之路(十一)
- select 动态改变显示不同内容
- LeetCode 216 Combination Sum III
- 第一场个人训练赛
- NAT技术与代理服务器调研
- 查看女神图片
- Git 指令备忘
- MarkDown常用语法
- python HTTP请求---使用urllib2
- 3.表单标签