动态提交表单(对数字的排序)
2016-06-05 15:46
288 查看
<pre name="code" class="html"><%-- 作者:<strong><em><span style="color:#ff0000;">我是你们的小星星</span></em></strong> create by idea on 2016.6.5 动态提交表单 所用技术: 1、jsp 2、html 3、jquery 4、java基础 5、javaScript --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ page import="java.util.Arrays" %> <html> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script> <% Integer [] info = (Integer []) request.getAttribute("array"); %> </head> <body> <div align="center" width="80%"> <form action="" method="post" id="form1"> 请输入数字:<input type="text" id="text1" name="num"> <button id="btn1">正序</button> <button id="btn2">倒序</button><br/> </form> <span ><font color="red"> <% if (info != null){ %> <%=Arrays.toString(info)%> <% } %> </font></span> </div> <script type="text/javascript" charset="utf-8"> $(document).ready(function () { $("#btn1").click(function () { $("#form1").attr("action" , "sort.jsp?sort=positive").submit();//动态提交 }); }); </script> <script type="text/javascript" charset="utf-8"> $(document).ready(function () { $("#btn2").click(function () { $("#form1").attr("action" , "sort.jsp?sort=reverse").submit();//动态提交
<pre name="code" class="html"></script>
<pre name="code" class="html"></body>
<pre name="code" class="html"></html>
<pre style="font-family: 宋体; font-size: 13.5pt; background-color: rgb(255, 255, 255);">
<%--作者:<em><span style="color:#ff6666;"><strong>我是你们的小星星</strong></span></em>create by idea on 2016.6.5动态提交表单所用技术:1、jsp2、html3、jquery4、java基础5、javaScript--%><%@ page contentType="text/html;charset=UTF-8" language="java" %><%@ page import="java.util.Arrays" %><%@ page import="java.util.Comparator" %><html><head><title>Title</title><%String info = request.getParameter("sort");String str;String[]data;Integer[]num;if(info.equals("positive")){str = request.getParameter("num");data = str.split(",");num = new Integer[data.length];for (int i = 0; i < data.length; i++) {num[i] = Integer.parseInt(data[i]);}Arrays.sort(num);request.setAttribute("array" , num);request.getRequestDispatcher("index.jsp").forward(request,response);}else {str = request.getParameter("num");data = str.split(",");num = new Integer[data.length];for (int i = 0; i < data.length; i++) {num[i] = Integer.parseInt(data[i]);}Arrays.sort(num, new Comparator<Integer>() {@Overridepublic int compare(Integer o1, Integer o2) {return -(o1 - o2);}});request.setAttribute("array" , num);request.getRequestDispatcher("index.jsp").forward(request,response);}%></head><body></body></html>}); });</script></body></html>
相关文章推荐
- 在线用表单建立文件夹
- Jquery 表单取值赋值的一些基本操作
- javascript 表单的友好用户体现
- js 提交和设置表单的值
- 攻克CakePHP系列二 表单数据显示
- JavaScript获取页面中表单(form)数量的方法
- 网页中表单按回车就自动提交的问题的解决方案
- 分享纯手写漂亮的表单验证
- Bootstrap表单组件教程详解
- 超实用的JavaScript表单代码段
- js实现不提交表单获取单选按钮值的方法
- js实现文件上传表单域美化特效
- 第四章之BootStrap表单与图片
- JavaScript实现重置表单(reset)的方法
- 基于bootstrap插件实现autocomplete自动完成表单
- javascript实现自动填写表单实例简析
- JavaScript实现同一页面内两个表单互相传值的方法
- JS中表单的使用小结
- javascript表单事件处理方法详解
- 封装好的一个万能检测表单的方法