精华内容
下载资源
问答
  • 下拉列表跳转jsp页面
    2021-03-22 16:04:03

    程序要求:

    编写一个html文件的网页代码,页面包含一个下拉列表框、一个文本框和一个按钮,下拉列表框选择要去的网站,当选择完毕后文本框中出现对应的网址。点击确认跳转按钮后访问文本框中出现的网址。

    实现效果:

    319fa261778ed72db4dccdaf08e947cf.png

    实现代码:

    JavaScript事件

    请选择

    百度

    网易

    qq

    新浪

    确认跳转

    function surf(){

    select=document.getElementById("select_www").value;

    switch(select){

    case "http://www.baidu.com" :

    document.getElementById("textbox").value="http://www.baidu.com";

    break;

    case "http://www.163.com" :

    document.getElementById("textbox").value="http://www.163.com";

    break;

    case "http://www.qq.com" :

    document.getElementById("textbox").value="http://www.qq.com";

    break;

    case "http://www.sina.com.cn" :

    document.getElementById("textbox").value="http://www.sina.com.cn";

    break;

    }

    }

    function jump(){

    location=document.getElementById("textbox").value;

    }

    总结

    以上所述是小编给大家介绍的JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

    如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

    更多相关内容
  • 1、我做是从本页面选择图书状态后点击查询按钮,重新跳转到本页面,并使选中的图书状态追踪到跳转后的页面。 2、此功能是通过下方代码的<% %>、<script></script>中的内容实现,我的Bw_query3....

    1、我做是从本页面选择图书状态后点击查询按钮,重新跳转到本页面,并使选中的图书状态追踪到跳转后的页面。
    2、此功能是通过下方代码的<% %>、<script></script>中的内容实现,我的Bw_query3.action进行的是查询方法,最终跳回本页面。
    3、有关传值的代码如下:(如果是从一个页面跳转到另一个页面,则需要把此代码放在跳转后的页面内)

    <html>
    <head></head>
    	<%
    		String bw_isHasReturn = "";
    		if(request.getParameter("bw_isHasReturn")!=null)
    			bw_isHasReturn = request.getParameter("bw_isHasReturn");
    	%>
    	<body>
    	<form id=formt name=formt action="${pageContext.request.contextPath }/Bw_query3.action"  method=post>
    								<a>仅查询</a>
    								<select name="bw_isHasReturn" id=sChannel2>
    									<option value="未还" >未还</option>
    									<option value="已还" >已还</option>
    									<option value="全部" >全部</option>
    								</select>
    								<a>的书:</a>
    								<INPUT class=button id=sButton2 type=submit
    									   value="查询 " name=sButton2 >
    
    							</form>
    </body>
    </html>
    	<script>
    		var selvalue="<%=bw_isHasReturn%>";
    		document.formt.bw_isHasReturn.value=selvalue;
    	</script>
    
    

    效果图:
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190724093035902.pn
    未还被传到跳转后的页面:
    在这里插入图片描述

    展开全文
  • 使用JS控制下拉列表左右选择 需求分析 在我们的分类管理中,我们要能够去修改我们的分类信息,当我们一点修改的时候,跳转到一个可以编辑的页面,这里面能够修改分类的名称,分类的描述,以及分类的商品 技术分析 ...
  • } } </script> jsp页面中使用该项功能的代码 <form name="form1" action="" method="post"> <table> <tr> 操作:</td> <td> (this.id)"value="同 意"> (this.id)"value="拒 绝"> ...

    若想实现如下图所示的操作:

    在这里插入图片描述
    代码干货,仅供大家参考!
    样式代码:

    <script type="text/javascript">
    	function buttonsub(buttonid){
    		if(buttonid=='sub1'){
    			document.form1.action='/ApproAwardYesServlet';
    			document.form1.submit();
    		}
    		if(buttonid=='sub2'){
    			document.form1.action='/ApproAwardNoServlet';
    			document.form1.submit();
    		}
    		if(buttonid=='sub3'){
    			document.form1.action='/AwardRelayServlet';
    			document.form1.submit();
    		}
    	}
    </script>
    

    jsp页面中使用该项功能的代码

    <form name="form1" action="" method="post">
    		<table>
    	    <tr>
    	    	<td>操作:</td>
    			<td>
    				<input name="Submit" id="sub1" onclick="buttonsub(this.id)"value="同&nbsp意">
    				<input name="Disagree"id="sub2"onclick="buttonsub(this.id)"value="拒&nbsp绝">
    				<input name="relay"id="sub3"onclick="buttonsub(this.id)"value="转&nbsp发">
           	   	</td>
    		   </tr>
    		</table>
    </form>
    
    展开全文
  • 实现注册页面跳转Ⅱ.制作注册页面Ⅲ.完善dbHelper类Ⅳ.创建RegisterServletⅤ.效果展示 一、目标 在之前的一篇文章中我们做了登陆界面,并且实现了登陆时与数据库信息的交互,成功登陆了页面。今天,接下去,实现...


    一、目标

    在之前的一篇文章中我们做了登陆界面,并且实现了登陆时与数据库信息的交互,成功登陆了页面。今天,接下去,实现注册界面的设计以及功能实现。

    二、注册页面的实现

    Ⅰ.实现注册页面跳转

    <%--
      Created by IntelliJ IDEA.
      User: 35192
      Date: 2021/1/21
      Time: 20:33
      To change this template use File | Settings | File Templates.
    --%>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
      <head>
        <title>My JSP 'index.jsp' starting page</title>
      </head>
      <body>
        <%-- 用户登录界面 --%>
    
        <div align="center" style="background-color: lawngreen">
          <%-- 当点击登陆的时候,以表单的形式提交信息,启动LoginServlet --%>
          <h1 align="center">用户登陆</h1>
          <form action="/LoginServlet" method="post"><%--   登录界面以表格的形式展现    --%>
              <table>
                  <tr>
                      <td>用户名:</td>
                      <td><input type="text" name="username" placeholder="请输入用户名"></td>
                  </tr>
                  <tr>
                      <td>密码:</td>
                      <td><input type="text" name="pwd" placeholder="请输入用密码"></td>
                  </tr>
                  <tr>
                      <%-- 合并表格两列 --%>
                      <td colspan="2">
                          <input type="submit" value="登陆" style="margin-left: 50px;margin-top: 5px">
                          &nbsp;
                          <input type="button" value="注册" style="margin-left: 55px;margin-top: 5px" onclick="forRegister()">
                      </td>
                  </tr>
             </table>
          </form>
        </div>
      <script type="text/javascript">
          /**
           * 实现注册页面的跳转
           */
          function forRegister() {
              window.location = "register.jsp";
          }
      </script>
      </body>
    </html>
    
    • 首先对注册按钮添加onclick点击事件,执行javascript跳转方法forRegister(),跳转到注册页面。
      在这里插入图片描述

    Ⅱ.制作注册页面

    <%--
      Created by IntelliJ IDEA.
      User: 35192
      Date: 2021/1/23
      Time: 22:11
      To change this template use File | Settings | File Templates.
    --%>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
    <div align="center">
        <h1>用户注册</h1>
        <%--  将表单信息提交到RegisterServlet中 --%>
        <form action="/RegisterServlet" method="post">
            <table>
                <tr>
                    <td>用户名:</td>
                    <td><input type="text" name="username" placeholder="请输入用户名" autocomplete="off" ></td>
                    <%--  autocomplete="off"   防止浏览器自动填充内容    --%>
                </tr>
                <tr>
                    <td valign="top">&nbsp;&nbsp;&nbsp;码:</td>
                    <td><input type="password" name="pwd" placeholder="请输入密码"></td>
                </tr>
                <tr>
                    <td valign="top">手机号:</td>
                    <%%>
                    <td>
                        <input type="text" name="phone" placeholder="请输入手机号" maxlength="11" >
                    </td>
                    <%%>
                </tr>
                <tr>
                    <td valign="top">&nbsp;&nbsp;&nbsp;别:</td>
                    <td>
                        <input type="radio" name="sex" value=""><input type="radio" name="sex" value=""></td>
                </tr>
                <tr>
                    <td valign="top">&nbsp;&nbsp;&nbsp;</td>
                    <td><input type="text" name="age" placeholder="请输入年龄" maxlength="2"></td>
                </tr>
                <tr>
                    <td valign="top">&nbsp;&nbsp;&nbsp;好:</td>
                    <td>
                        <input type="checkbox" name="hobby" value="电子竞技">电子竞技
                        <input type="checkbox" name="hobby" value="美食鉴赏">美食鉴赏
                        <br>
                        <input type="checkbox" name="hobby" value="思考人生">思考人生
                        <input type="checkbox" name="hobby" value="养精蓄锐">养精蓄锐
                    </td>
                </tr>
                <tr align="center">
                    <td colspan="2">
                        <input type="submit" value="注册"/>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="reset" value="重填"/>
                    </td>
                </tr>
            </table>
        </form>
    </div>
    </body>
    </html>
    

    在这里插入图片描述

    返回顶部


    Ⅲ.完善dbHelper类

    • 检验用户是否可以创建
    • 通过sql查询语句,对已存在用户进行匹配查询
     /**
         * 判断用户是否可以创建
         * @param username
         * @return
         */
         public boolean isHasUser(String username){
            try {
                String sql = "select * from userinfo_copy1 where username=?";
                preparedStatement = connection.prepareStatement(sql);
                preparedStatement.setString(1,username);
                resultSet = preparedStatement.executeQuery();
                // 判断用户是否已经存在
                if (resultSet.next()){
                    return false;
                } else {
                    return true;
                }
            } catch (Exception e){
                e.printStackTrace();
                return false;
            }
         }
    
    • 实现用户注册功能
    • 数据库sql语句应当为insert添加数据
       /**
         * 实现用户注册
         * @param username
         * @param pwd
         * @param age
         * @param sex
         * @param hobby
         * @param phone
         * @return
         */
        public int register(String username,String pwd,int age,String sex,String hobby,String phone){
            try{
                // 1.连接数据库
                getConnection();
                // 2.判断用户是否可以创建
                if(isHasUser(username)){
                    String sql = "insert into userinfo_copy1(username,pwd,age,sex,hobby,phone,image) values(?,?,?,?,?,?,?)";
                    preparedStatement = connection.prepareStatement(sql);
                    preparedStatement.setString(1,username);
                    preparedStatement.setString(2,pwd);
                    preparedStatement.setInt(3,age);
                    preparedStatement.setString(4,sex);
                    preparedStatement.setString(5,hobby);
                    preparedStatement.setString(6,phone);
                    preparedStatement.setString(7,"");  // 默认头像
                    int num = preparedStatement.executeUpdate();
                    if(num>0){
                        return 1;
                    }else {
                        return 2;
                    }
                }else{
                    return 3;
                }
            }catch (Exception e){
                e.printStackTrace();
                return 0;
            }
        }
    

    返回顶部


    Ⅳ.创建RegisterServlet

    • 获取表单信息usernamepwdsexagehobbyphone
    • 这里要注意hobby值的形式,由于hobby是由复选框checkbox产生的,所以传输的时候servlet得到的是一组数据,应当以数组的形式接收;并且最终要以字符串的形式写入数据库
    import com.zte.dbHelper;
    
    import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import java.io.IOException;
    import java.io.PrintWriter;
    
    @WebServlet(name = "RegisterServlet",urlPatterns = "/RegisterServlet")
    public class RegisterServlet extends HttpServlet {
        protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            // 对应结果的编码方式设置
            response.setContentType("text/html;charset=UTF-8");
            response.setCharacterEncoding("UTF-8");
            request.setCharacterEncoding("UTF-8");
            // 内容输出
            PrintWriter out = response.getWriter();
            // 1.获取表单信息
            String username = request.getParameter("username");
            String pwd = request.getParameter("pwd");
            String sex = request.getParameter("sex");
            int age = Integer.parseInt(request.getParameter("age"));
            // 2.以数组的形式接收复选框传输的hobby值
            String hobby[] = request.getParameterValues("hobby");
            //  创建变量转存hobby为字符串
            String newHobby = ""; 
            //  将爱好数组转为字符串
            for (int i = 0; i < hobby.length; i++) {
                if (i == hobby.length - 1) {
                    newHobby += hobby[i];
                } else {
                    newHobby += hobby[i] + ",";
                }
            }
            String phone = request.getParameter("phone");
            // 3.创建dbHelper对象
            dbHelper db = new dbHelper();
            // 4.进行用户注册
            switch (db.register(username, pwd, age, sex, newHobby, phone)) {
                case 0:
                    out.println("<script>");
                    out.println("alert('系统错误');");
                    out.println("window.location='index.jsp';");
                    out.println("</script>");
                    break;
                case 1:
                    out.println("<script>");
                    out.println("alert('注册成功');");
                    out.println("window.location='userinfo.jsp';");
                    out.println("</script>");
                    break;
                case 2:
                    out.println("<script>");
                    out.println("alert('注册失败');");
                    out.println("window.location='register.jsp';");
                    out.println("</script>");
                    break;
                case 3:
                    out.println("<script>");
                    out.println("alert('注册失败,该用户已存在');");
                    out.println("window.location='index.jsp';");
                    out.println("</script>");
                    break;
            }
            // 刷新、关闭
            out.flush();
            out.close();
    
        }
    
        protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            doPost(request, response);
        }
    }
    

    返回顶部


    Ⅴ.效果展示

    在这里插入图片描述
    在这里插入图片描述

    返回顶部


    上一篇:登陆界面 ---- 数据库信息交互                              下一篇:【JSP】注册页面:用户注册时用户名限制

    展开全文
  • <td style="width: 300px">状态查询 <select name="status"> <option value="a" <c:if test="${status == 'a'}">selected</c:if>>请选择</option> &...
  • jsp中的一个下拉列表实例

    千次阅读 2012-10-23 10:07:51
    最近在写一个网站后台,用到了一个下拉列表,在这将代码贴出来供大家参考!(水平有限)实现的效果如下:                 代码只要涉及三个文件,两个servlet文件:UserListServlet.java ...
  • 当前位置:我的异常网» Java Web开发»依据下拉列表的不同链接到不同页面,求高手依据下拉列表的不同链接到不同页面,求高手www.myexceptions.net网友分享于:2013-11-28浏览:510次根据下拉列表的不同链接到不同...
  • vue具体页面跳转传参方式

    千次阅读 2021-01-17 14:26:21
    js实现静态页面跳转传参 最近有个项目: 存静态web服务,一个新闻页面列表出所有新闻摘要信息,然后通过点击新闻详情访问到该新闻的详情页面: 新闻展示的页面通过ajax请求接口获取到新闻的摘要信息,预计想通过id的方式...
  • age2=String.valueOf(request.getAttribute("age2")); %>  年龄段:   name="age" id="age">   value="35" >35   value="36" >36
  • 代码如下所示: 请选择频道 ${item.channelName }
  • JSP做个简单的登录注册页面

    万次阅读 多人点赞 2020-10-21 23:49:32
    紧接着注册成功后跳转成功页面,这时我们需要一个注册成功的页面(registersuccess.jsp),如下: 点击返回页面后,我们就可以在登录页面登录,然后登录时有登录成功和登录失败的页面。所以还要再写两个...
  • Web前端:如何实现选择select下拉框选中跳转其他页面&lt;select onchange="window.location=this.value;"&gt; &lt;option value="a.html"&gt;用户管理&lt;/option&gt; ...
  • JSP案例】无限级联|下拉列表

    千次阅读 2014-12-22 11:00:23
    本案例主要通过无限级联的数据结构来设计下拉列表 效果图: 1)设计无限级联数据库,并赋值 设计Id和ParentId字段,根类Id通过子类的ParentId来寻找,比如计算机是根类,他的子类是java和csharp。那java和...
  • 下拉列表select友情链接自动跳转

    千次阅读 2014-11-21 18:16:37
    一、在本页面打开  ----请选择---- 百度一下 百度两下 百度三下 二、在新页面打开:   百度一下  百度两下  www.baidu.com" >百度三下  三、有些浏览器不兼容,使用onchange不起作用,可以...
  • 使用Jquery解决Asp.Net中下拉列表值改变后访问服务器刷新界面。 使用DropDownList控件时,改变选项时,获取服务端数据库数据并刷新界面数据. 1. 绑定DropDownList控件SelectedIndexChanged事件. 2. AutoPortBac ... ...
  • 异常之JSP页面跳转出错

    千次阅读 2016-09-22 17:18:37
    今天在开发过程中发现一个问题:在页面中使用了抛错Attempt to clear a buffer that's already been flushed!! 百思不得其解!! google之,得如下解释: 惯例,先上外文论坛搜索答案 ...
  • Servlet (四) --- 用Jsp和Servlet写一个注册页面

    千次阅读 多人点赞 2019-07-16 17:47:42
    注册要求: 一个注册页面 username (文本框) password:密码 (密码框) ...相同则跳到成功页面 不同则注册失败,重定向到注册页面 成功页面 显示登陆成功的用户名,密码,爱好,性别和信息; 显...
  • 下拉列表直接跳转

    2013-12-15 10:22:57
    直接跳转 文章管理 文章管理 文章添加 新页面跳转 文章管理 文章管理 文章添加
  • 一、当一个jsp页面请求某个action,servlet将数据再转发到该jsp页面跳转到该页面,而该jsp页面中有下拉框,那么下拉框的值如何取到呢? 1.首先该jsp页面中要引入数据表格插件: jquery.dataTables.min.js和...
  • 也可以通过下拉列表选择 _self:在当前的浏览器打开链接。 _blank:在新窗口打开网页。 _parent:在当前位置的上一级浏览器窗口打开链接。若有多个相互嵌套的框架,而又想所链接的url只替换影片自身所在的页面时,可以...
  • 下拉列表select 的 条件查询本帖最后由 C_phy 于 2014-07-30 11:28:39 编辑根据下拉列表中的字段,条件查询,显示在原来的list页面求一个用下拉列表的查询的实例代码,当选中下拉列表中的字段时,list列表还在原来的...
  • 这是第一个页面,由一个下拉列表和一个复选框组成 ``` <form action="ProcessAis.jsp" method="post" onsubmit="return check(this);"> 船舶检测项 <td><b>船舶名称</b></td> ...
  • 下拉列表的名字" size="一个正整数">  文本信息   文本信息  ..............  文本信息 这个是下拉式列表和滚动列表的定义方法,其中size的属性值是确定滚动列表中选项的可见数目; (4).标记...
  • 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 "text/javascript" ...把选择值存入COOKIE,然后载入页面的时候取出值即可。
  • Java-Jsp基础教程

    万次阅读 2022-04-11 10:19:51
    学习JSP 基础教程前 必须会 java Servlet 或者SSM 什么是Java Server Pages? JSP全称Java Server Pages,是一种动态网页开发技术。它使用JSP标签在HTML网页中插入Java代码。标签通常以<%开头以%>结束。 JSP是...
  • 是一个表单,里面包含表单元素,例如文本表单,密码表单,单选框,复选框,提交按钮,下拉列表等。 表单<from> <form> 是在最外层,主要向服务器提交数据的功能。 属性 值 说明 accept-charset...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,446
精华内容 1,778
关键字:

下拉列表跳转jsp页面