jsp读取html文本框的内容,js实现前台动态添加文本框,后台获取文本框内容

本文介绍了一个使用JavaScript实现的动态表单操作案例,包括添加和删除表单项,并将表单数据提交到服务器进行处理的过程。通过具体代码展示了如何在网页中动态生成表单项及其实现细节。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一共两个页面,分别如下:

一.创建页面create.jsp

pageEncoding="UTF-8"%>

/p>

Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

action="request.jsp">

var count=0 ;

function additem(id)

{

var row,cell,str;

row =

document.getElementByIdx_x(id).insertRow();

if(row != null )

{

cell = row.insertCell();

cell.innerHTML="

type=\"text\" name=\"St"+count+"\" value=

\"St"+count+"\">

type=\"button\" value=\"删除\"

οnclick=\'deleteitem(this);\'>";

count ++;

}

}

function deleteitem(obj)

{

var curRow = obj.parentNode.parentNode;

tb.deleteRow(curRow.rowIndex);

}

function getsub()

{

var re="";

for (var i = 0 ;i

{

re += document.getElementsByName("St"+i)[0].value;

}

document.getElementByIdx_x("Hidden1").value=re;

}

id="tb">

οnclick='additem("tb")'

value="添加>>"/>

type="submit" name="submit" οnclick="getsub()"

value="提交"/>

value="" />

二.接收数据页面 request.jsp

pageEncoding="UTF-8"%>

测试

String data=

request.getParameter("Hidden1");

out.println("取得的数据为:"+data);

%>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值