使用EL达式和JSTL实现将文本框中的内容输出到页面的功能,在此页面的文本框中输入内容后单击页面提交按钮,输入框以及按钮消失,文本框中输入的内容显示到页面。
时间: 2023-06-09 07:03:23 浏览: 324
好的,针对您的问题,我们可以这样实现:
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将文本框中的内容输出到页面的完整步骤。希望对您有所帮助!
阅读全文