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: 嗯嗯 好的谢谢 了
大约 2 年之前 回复
wakawaka12345
wakawaka12345 回复fubo1990: 我现在想做一下排课的软件, 因为一门课程在一周之内会上多次,例如某门课在分别要在周三和周五上课,当我创建这门课程的时候,就需要分别的将上课时间以及教室任课老师 输入进去 ,, 之所以是要动态的添加文本框,是有的可不确定一周要上几次
大约 2 年之前 回复
fubo1990
fubo1990 你刚学javascript我建议你注重基础。主要是获取dom,然后绑定事件。
大约 2 年之前 回复
fubo1990
fubo1990 首先你这样的思路就是有问题的。显示开发中几乎没有这种情况。
大约 2 年之前 回复
wakawaka12345
wakawaka12345 我刚学 Javascript 仅仅停留在能看懂的 层面 写起来比较吃力 如果您有时间的话能帮我写个例子实现一下么
大约 2 年之前 回复
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: 我整理了一下发现缺东西额
大约 2 年之前 回复
liummmin
liummmin 回复wakawaka12345: 其实我已经把整个html代码粘帖进去了,但我不知道为什么排版成这样。
大约 2 年之前 回复
wakawaka12345
wakawaka12345 你这 个 在 body怎么去做额 怎么 响应这个事件呢
大约 2 年之前 回复
wakawaka12345
wakawaka12345 回复wakawaka12345: 整理
大约 2 年之前 回复
wakawaka12345
wakawaka12345 回复liummmin: 没关系 我自己真理一下试试看 吧 谢谢
大约 2 年之前 回复
liummmin
liummmin 唉,怎么排版乱了。。。
大约 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
js tree构建菜单树
js javascript tree web jsp
mysql数据库 jsp javascript html css 学生管理系统之登陆注册web程序
mysql数据库 jsp javascript html css 学生管理系统之登陆注册web程序
对JavaScript、JSP、Java及javaEE之间区别的理解
对JavaScript、JSP、Java及javaEE之间区别的理解        JavaScript和Java名字极为类似,相信不少的初学者或者准备学这些知识的人对于JavaScript、JSP、Java及JavaEE这几个感念理解都会混淆,有所疑惑。曾经的我也是常常把这几个感念混淆。后来查了很多资料,也对JavaScript、JSP及Java学习了一段时间。下面就他们之间的区别谈一下我
Web开发中基础常识详解-Js,JSP,tomcat,Servlet,web是干什么的?
关于Servlet开发的详解  http://blog.csdn.net/hejingyuan6/article/details/30273879http://www.cnblogs.com/xdp-gacl/p/3760336.html一、Js 是 javascript 的简写一般出现在文件扩展名中,例如将自定义的JavaScript脚本全部放到一个文件中,这个文件需要使用js作为扩展名,以标明...
jsp登录小程序实操
1.项目介绍:这仅是一个初级练手项目,功能登录,存在此用户-->登录成功  不存在此用户-->登录失败; 2.项目框架:jsp+serlvet+mysql 3.共存在三个jsp页面(登录页面、错误页面、主页)和一个中心处理器servlet 4.项目步骤: 4.1:设计数据库(我只设计了一个账户名和一个密码)      create databse hib_demo;     use h
【开发工具】Eclipse编写Java/JS/Web/JSP页面智能提示
我们平时用eclipse开发jsp页面时智能提示效果不太理想,使用eclipse自带的插件,无需另外安装插件,具体步骤如下: 1.Java代码设置:打开eclipse→Windows→Preferences→Java→Editor→Content Assist 修改Auto Activation triggers for java的值为:【.abcdefghijklmnopqrst
web基础教程与课件
web基础教程与课件,JavaScript,JSP等技术
html+JavaScript扫雷原创(详细说明)
html+JavaScript扫雷原创,代码可以修改性比较高,大家可以按照自己的修改,使用比较通俗的写法写的,很容易理解!
JavaWeb_JavaScript 防止javascript注入
需要进行两个步骤, 1.在新增的时候将""符号转换为转移字符串; 2.获取数据的时候使用JSTL中的 1.在新增的时候将""符号转换为转移字符串; 示例: // 防止javascript 注入: String strings ="test"; // System.out.println(strings.replace("",">")); public class St
Web综合应用实验(html css javascript)
default_order function panduan(str){         if(str==""||str==null){             return 0;             }         else         return 1;     } function emailpanduan(str){      var l;      l