使用EL达式和JSTL实现将文本框中的内容输出到页面的功能,在此页面的文本框中输入内容后单击页面提交按钮,输入框以及按钮消失,文本框中输入的内容显示到页面。
时间: 2023-06-09 14:03:23 浏览: 355
好的,针对您的问题,我们可以这样实现:
1. 在页面中使用EL表达式获取文本框中的内容,如下所示:
<input type="text" name="content" id="content"/>
<button onclick="submit()">提交</button>
<div>${param.content}</div>
这里用到了 ${param.content} EL表达式获取文本框的内容。
2. 通过JSTL的判断标签,实现提交的时候隐藏文本框和按钮,显示输入的内容。具体的实现代码如下:
<c:choose>
<c:when test="${param.content != null}">
<div>${param.content}</div>
</c:when>
<c:otherwise>
<input type="text" name="content" id="content"/>
<button onclick="submit()">提交</button>
</c:otherwise>
</c:choose>
这里用到了<c:choose>和<c:when>/<c:otherwise>标签,通过测试文本框中的内容是否为null来分别执行不同的操作。
希望对您有所帮助!
相关问题
使用EL表达式和JSTL实现将文本框中的内容输出到页面的功能,在此页面的文本框中输入内容,单击页面提交按钮之后,输入框以及按钮消失,文本框中输入的内容显示到页面。
好的,您可以使用以下代码来实现您的需求:
1. 首先,在页面上添加一个用于输入文本的文本框和一个提交按钮:
```
<input type="text" name="inputText" id="inputText">
<button id="submitButton" onclick="submitText()">提交</button>
```
2. 然后,在JS中编写submitText()函数,该函数使用Ajax将输入的文本发送到服务器,并从服务器获取响应以更新页面:
```
function submitText() {
var inputText = document.getElementById("inputText").value;
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.body.innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("POST", "updatePage.jsp?inputText=" + inputText, true);
xmlhttp.send();
}
```
3. 最后,在updatePage.jsp文件中,您可以使用EL表达式和JSTL来显示输入的文本,下面是一段样例代码:
```
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
<title>Update Page</title>
</head>
<body>
<c:if test="${not empty param.inputText}">
<p>您输入的内容是:${param.inputText}</p>
<p>感谢您的提交!</p>
</c:if>
</body>
</html>
```
以上就是使用EL表达式和JSTL将文本框中的内容输出到页面的完整步骤。希望对您有所帮助!
使用EL表达式和JSTL实现将文本框中的内容输出到页面的功能,在此页面的文 本框中输入内容,单击页面提交按钮之后,输入框以及按钮消失,文本框中输 入的内容显示到页面。
在Java Web中,可以使用EL(Expression Language)表达式结合JSP (JavaServer Pages) 和 JSTL (Java Standard Tag Library) 来实现在用户提交表单后动态更新页面内容。首先,创建一个HTML表单,包含一个文本框(text box)和一个提交按钮。然后在JSP文件中做如下操作:
```html
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>动态展示</title>
</head>
<body>
<form action="your-action-page.jsp" method="post">
<input type="text" id="contentBox" name="contentBox" />
<input type="submit" value="提交" />
</form>
<%-- 使用EL和JSTL动态获取并显示文本框内容 --%>
<jsp:useBean id="bean" class="YourBeanClass" scope="request"/>
<c:out value="${bean.contentBox}" />
<!-- 当表单提交后 -->
<jsp:scriptlet>
request.setAttribute("displayedContent", request.getParameter("contentBox"));
// 移除输入框和按钮
request.removeAttribute("contentBox");
request.removeAttribute("yourActionButton");
</jsp:scriptlet>
<c:if test="${not empty displayedContent}">
<div>The content you submitted: ${displayedContent}</div>
</c:if>
</body>
</html>
```
在这个例子中,`YourBeanClass`需要有一个属性来存储文本框的内容。当表单提交时,我们从`request`作用域中获取用户的输入,并将其设置为一个页面属性。同时,我们移除了文本框和提交按钮,防止它们再次显示。最后,如果`displayedContent`非空,就显示用户输入的内容。
阅读全文