jquery 选择器使用

最新推荐文章于 2024-10-31 15:39:18 发布

原创最新推荐文章于 2024-10-31 15:39:18 发布 · 722 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #url #float #function #div #html

代码收集同时被 2 个专栏收录

18 篇文章

订阅专栏

Html Css

3 篇文章

订阅专栏

本文介绍了一个使用Java和jQuery实现的简单网页表单提交功能。通过表单输入A、B、C、D等字段，并利用JavaScript动态构建提交URL，最终显示完整的请求路径。该示例展示了如何在服务器端获取这些参数。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> body{ overflow-x:hidden } </style> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" > function SubmitClick(servletName){ var url = servletName+"?"; $("#content").find("input").each( function(){ url = url + $(this).attr("id") + "=" +$(this).attr("value") +"&"; } ); $("#url").html(url); } </script> </head> <body> <a name="top"></a> <div id="content"> <table> <tr><td>A:</td><td><input id="A"></input></td></tr> <tr><td>B:</td><td><input id="B"></input></td></tr> <tr><td>C:</td><td><input id="C"></input></td></tr> <tr><td>D:</td><td><input id="D"></input></td></tr> <tr><td colspan="2"><button id="submit" onclick="SubmitClick('timeseries')">Submit</button></td></tr> </table> </div> <hr width="100%"></hr> URL:<br/> <div style="width:100%;"><div style="width:10%;float:left"><%=basePath%></div><div id="url" style="width:80%; float:left"></div></div> <hr width="100%"></hr> <div style="float:left;width:100%;padding-left: 5px;padding-right: 5px;word-break:break-all;"> sdfgsdafasdfasdfasdsdfgsdafasdfasdfasdsdfgsdafasdfasdfasdsdfgsdafasdfasdfasdsdfgsdafasdfasdfasdsdfgsdafasdfasdfasdsdfgsdafasdfasdfasdsdfgsdafasdfasdfasdsdfgsdafasdfasdfasdsdfgsdafasdfasdfasdsdfgsdafasdfasdfasdsdfgsdafasdfasdfasdsdfgsdafasdfasdfasdsdfgsdafasdfasdfasdsdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> sdfgsdafasdfasdfasd<br> </div> </body>