html点击按钮输入框就会多一行,JSP页面里实现点击一次按钮就增加一个

JSP页面里实现点击一次按钮就增加一个输入框。

function add(){

var tf = “”;

document.getElementById(“textfields”).innerHTML = tf;

}

大概就是这个思路，代码没有测试 ，希望有用

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

isea533

关注

isea533

isea533

等级：Blank

#4 得分：0 回复于： 2012-11-01 15:10:55

楼上明显有问题。。。。

document.getElementById(“textfields”).innerHTML = tf;

这一句再添加只是替换原来的，不会增多。。。

楼主看我博客一个类似的例子吧。也是这个功能。

div+css+jQuery简单实现投票功能..

http://blog.csdn.net/isea533/article/details/7868681

上面的选项就是点击“增加一个”增加的，后面的按钮X还可以删除。

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

jinoon

关注

jinoon

jinoon

等级：Blank

#5 得分：0 回复于： 2012-11-01 15:41:41

js 添加 删除 效果找一下吧 直接用字符串做模板添加

s:textfield name=”" name名字对应action的一个数组属性

用数组来操作

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

SDN_SUPERUSER

关注

SDN_SUPERUSER

jackson_fighting

等级：Blank

#6 得分：0 回复于： 2012-11-01 15:56:10

JavaScript code

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

//增加行

function addRow()

{

//添加一行

var mainTable = document.getElementById(“yourtable”);

var newTr = mainTable.insertRow();

var newTd0 = newTr.insertCell();

var newTd1 = newTr.insertCell();

//设置列内容和属性

newTd0.innerHTML = “”

newTd1.innerHTML = “”;

}

//删除行

function delRow(obj){

var tr = this.getRowObj(obj);

if(tr != null){

tr.parentNode.removeChild(tr);

}else{

throw new Error(“the given object is not contained by the table”);

}

}

这是动态增加行的代码,但是你用的是Struts2提交。

有多个

一样的你怎么处理.

建议你用普通form表单提交,后台用request.getParameterMap()获取值。

对我有用[1] 丢个板砖[1] 引用 | 举报 | 管理

SDN_SUPERUSER

关注

SDN_SUPERUSER

jackson_fighting

等级：Blank

#7 得分：0 回复于： 2012-11-01 15:57:51

引用 6 楼 的回复:

JScript code

//增加行

function addRow()

{

//添加一行

var mainTable = document.getElementById(“yourtable”);

var newTr = mainTable.insertRow();

var newTd0 = newTr.insertCell();

var newTd1 = newTr……

或者可以获取所有的文本框值生成json 放入隐藏域传到后台。

对我有用[0] 丢个板砖[1] 引用 | 举报 | 管理

chaofengwang09

关注

chaofengwang09

chaofengwang09

等级：Blank

#8 得分：0 回复于： 2013-04-08 09:39:34

学习了 今天用