【问题标题】:Get the value of radiobutton to a ${param}将单选按钮的值设置为 ${param}
【发布时间】:2015-02-19 04:41:05
【问题描述】:

基本上我在这里有两个单选按钮,具有不同的值,现在提交时下一页应该显示选择。但事实并非如此,当我尝试使用 type=text 时,它工作正常。请帮忙。

<form action="Confirm.jsp">
  <p>
    This is a simple HTML page that has a form in it.
    <br>form data is: <strong>${param.QuizAnswer}</strong>
    <p>
      Hobby:
      <input type="radio" name="QuizAnswer" value="cats">Cats


      <input type="radio" name="QuizAnswer" value="dogs">Dogs


      <input type="submit" name="submit" value="submit">
</form>

其他页面在正文中有这个:

<body>
  <p>
    This is barebones, sorry.

    <p>The Data was entered as:
      <strong>${param.QuizAnswer}</strong>
</body>

【问题讨论】:

  • 当您提交表单时,URL 是否会更改为 Confirm.jsp?QuizAnswer=cats&amp;submit=submit 之类的内容?
  • 可以,但是不知道怎么用。
  • 根据我的阅读,EL ${param.QuizAnswer} 应该可以工作。我的 JSP 虽然很生锈。您是否拥有使用 EL 的所有正确导入/页面设置?也许试试&lt;%= request.getParameter("QuizAnswer") %&gt;
  • 我试过了,它只是将其输出为明文,它不会将其读取为代码。

标签: html jsp radio-button param


【解决方案1】:

请按以下方式更改接收页面

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
      <c:choose>
     <c:when test="${empty param.QuizAnswer}">
        Please enter your name.
    </c:when>
    <c:otherwise>
        Hello <b><c:out value="${param.QuizAnswer}" /></b>!
    </c:otherwise>
</c:choose>
    </body>
</html>

请检查并告诉我

【讨论】:

    【解决方案2】:

    通过将表单发送到 Confirm.jsp,您将表单数据作为实际的表单提交发送到后端。如果这是你想要的,你应该在后端处理表单参数。

    如果您想使用表单提交来更改前端的内容,您应该将表单发送到一个空的目的地 (form action="") 并在 javascript 事件处理程序中处理提交。这是一个例子:

    Print value on form submit

    【讨论】:

    • 什么?这让我很困惑,很抱歉我对此有点陌生。
    • 您似乎想在这里做两件事之一:选项 1,向网络服务器发送一个单选按钮选择并在服务器上使用该信息,然后在下一页上显示结果。如果是这种情况,您可能希望在响应中处理它,而不是显示先前的请求参数。选项 2,您只想根据单选按钮选择更改当前页面。如果是这种情况,您应该在页面上用 javascript 处理它,这样您就不必往返服务器。这是我在答案上发布的链接。
    • 不是真的,选择已经在查询字符串上: QuizAnswer=cats&submit=submit 我只想使用参数,在本例中是 QuizAnswer 并将其显示在网页上。就像显示一个变量一样。我知道这应该很容易,因为如果它是 type=text 而不是 type=radio 它将完美地工作
    猜你喜欢
    • 1970-01-01
    • 2021-06-16
    • 1970-01-01
    • 2015-03-22
    • 1970-01-01
    • 2014-12-30
    • 2021-07-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多