2 wakawaka12345 wakawaka12345 于 2016.05.11 08:09 提问

web JavaScript jsp

我想用javascript做做动态页面,在一个table中 有一个 添加 按钮 当一点击就会动态
生成一行 的input的文本输入框 , 还有就只做好后怎么在服务器端提取呢 这个动态生成的文本框中的内容 (我用的是jsp , 将表单 提交到servlet中) 求代码 多谢了

4个回答

fubo1990
fubo1990   2016.05.11 08:41

1.在form表单设置一个隐藏输入域name 为 totalInput,id值为totalInput
在js中定义一个全局变量 var i=0;
每点击一下添加按钮,i+1; 然后给id为totalInput的赋值为i;
然后添加input文本框时,给文本框的name值为txt+i;
最后在servet中获取totalInput;

然后循环获取txt+totalInput[t];

wakawaka12345
wakawaka12345 回复fubo1990: 嗯嗯 好的谢谢 了
一年多之前 回复
wakawaka12345
wakawaka12345 回复fubo1990: 我现在想做一下排课的软件, 因为一门课程在一周之内会上多次,例如某门课在分别要在周三和周五上课,当我创建这门课程的时候,就需要分别的将上课时间以及教室任课老师 输入进去 ,, 之所以是要动态的添加文本框,是有的可不确定一周要上几次
一年多之前 回复
fubo1990
fubo1990 你刚学javascript我建议你注重基础。主要是获取dom,然后绑定事件。
一年多之前 回复
fubo1990
fubo1990 首先你这样的思路就是有问题的。显示开发中几乎没有这种情况。
一年多之前 回复
wakawaka12345
wakawaka12345 我刚学 Javascript 仅仅停留在能看懂的 层面 写起来比较吃力 如果您有时间的话能帮我写个例子实现一下么
一年多之前 回复
CSDNXIAON
CSDNXIAON   2016.05.11 08:22

事件驱动的Web之旅——JSP与JavaScript的融合(续)
JSP,html与javascript
jsp中javascript验证日期格式
----------------------同志你好,我是CSDN问答机器人小N,奉组织之命为你提供参考答案,编程尚未成功,同志仍需努力!

u011892089
u011892089   2016.05.11 09:10

JS用DOM来做,给按钮绑定一个function
function addElementText(obj) {
    var parent = document.getElementById(obj);
var i=parent.getElementsByTagName("input").lastChild.innerHTML;
    //添加 div
    var input = document.createElement("input");
    input.innerHTML = "txt"+(i+1);
    parent.appendChild(text;
  }

内容的话可以事先存在request域中,用的时候用el表达式取或者脚本片段取就可以了
liummmin
liummmin   2016.05.11 10:09

你试试我这个
<!DOCTYPE html>



title table{ border: 1px red solid; width: 200px; } td{ border: 1px blue solid; margin: 2px; } var i = 0; function createLineInput() { var tbodyObj = document.getElementsByTagName("tbody")[0]; var paraTr=document.createElement("tr"); var paraTd=document.createElement("td"); var paraInput=document.createElement("input"); paraInput.value=++i; paraTd.appendChild(paraInput); paraTr.appendChild(paraTd); tbodyObj.appendChild(paraTr); } function exportInputTest() { var tbodyObj = document.getElementsByTagName("tbody")[0]; var childTrNodes = tbodyObj.children; var texts = "请添加输入框!"; if (childTrNodes.length > 0) { texts = ""; for (var i=0; i<childTrNodes.length; i++) { texts += childTrNodes[i].getElementsByTagName("td")[0].getElementsByTagName("input")[0].value; } } alert(texts); }



wakawaka12345
wakawaka12345 回复liummmin: 我整理了一下发现缺东西额
一年多之前 回复
liummmin
liummmin 回复wakawaka12345: 其实我已经把整个html代码粘帖进去了,但我不知道为什么排版成这样。
一年多之前 回复
wakawaka12345
wakawaka12345 你这 个 在 body怎么去做额 怎么 响应这个事件呢
一年多之前 回复
wakawaka12345
wakawaka12345 回复wakawaka12345: 整理
一年多之前 回复
wakawaka12345
wakawaka12345 回复liummmin: 没关系 我自己真理一下试试看 吧 谢谢
一年多之前 回复
liummmin
liummmin 唉,怎么排版乱了。。。
一年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!