java - 基于使用嵌套表单单击的按钮将输入字符串传递给不同的jsp页面
问题描述
我正在尝试trackingNo
根据按下的按钮传递给 jsp 页面。我创建了 2 个按钮addnew
和search
. addnew
应该从输入字段获取输入并将其trackingNo
传递给 tracking.jsp,如果它被按下,搜索应该trackingNo
从输入字段获取输入并将其传递给 home_student_result.jsp。
我不确定正确的方法是什么,所以我尝试使用嵌套表单,其中一种形式为“add”id,另一种形式为“srch”id。运行后,只有最上面的表格有效。内部形式不起作用。任何人都可以帮助我,或者建议一个更好的方法吗?
<div>
<form id="add" method="post" action="tracking.jsp">
<i class="fas fa-search"></i>
<form id="srch" method="post" action="home_student_result.jsp">
<input name="target" type="input" placeholder = "Search..." class = "text_search"/>
</form>
</form>
</div>
<button class="button_search" onclick="document.getElementById('add').submit()">
Add New
</button>
<button class="button_search" onclick = "document.getElementById('srch').submit();">
Search
</button>
解决方案
您只能使用一个form
并单击按钮,您可以action
根据按钮单击将值更改为特定值,然后提交您的form
.
演示代码:
function submit(value) {
console.log(value)
//if value is add
if (value == "add") {
//change action of form
document.getElementById('forms').action = 'tracking.jsp'
document.getElementById('forms').submit(); //submit
} else {
document.getElementById('forms').action = 'home_student_result.jsp'
document.getElementById('forms').submit();
}
}
<div>
<!--add id to form-->
<form id="forms" method="post" action="tracking.jsp">
<i class="fas fa-search"></i>
<input name="target" type="input" placeholder="Search..." class="text_search" />
</form>
</div>
<!--add function with parameter(value of button) -->
<button class="button_search" value="add" onclick="submit(this.value)">
Add New
</button>
<button class="button_search" value="srch" onclick="submit(this.value)">
Search
</button>
推荐阅读
- node.js - 如何将图像从外部链接上传到谷歌云存储?
- ssl - IIS 10(服务器 2016)SSL 重定向到 www。和.se
- excel - 在 Excel 中使用多个 IF 语句时遇到问题
- maven - Maven-Jaxb2 插件类型引用正在抛出已经定义的错误
- mysql - JPA - 使用父表列填充/映射子表中的列
- amazon-s3 - 获取文件名 boto3 python
- scala - 如何访问返回 Option 对象的方法?
- ios - 如何更新我的自定义单元格子视图的数据和视图?
- python - Python - 虽然已安装但未找到包
- excel - 在具有不同行号的所有列中查找重复项