动态生成HTML表单

前段时间在做设票系统，瞎搞一会，用JavaScript搞了一些有趣的东西，因为投票的条数不定，一个题目有不定条选项，要实现一次把投票题目与不定数目选项的投票项目一次性添加进数据库，因些就想了用JavaScript写了一个动态生成的HTML的“文体框”。然后用数组把所有值写入数据库。现在就把它做成一个简单的演示例子放在这里吧：

<html>

<head>

<title> 动态生成文体框演示 title>

function createitem()

{

var m=document.form1;

var val=m.max.value;

for (i=0;i<val;i++)

{

r=tab.insertRow()

c=r.insertCell('nowrap align:Left')

c.innerHTML="复选单选";

c=r.insertCell()

c.innerHTML="·";

}

m.max.value="";

}

function resetDate()

{

var m=document.form1;

m.action="butt.html";

m.submit();

}

script>

head>

<body>

<tr>

<td colspan="2"> <div align="center">·动态生成文体框演示·div>td>

tr>

<tr>

<td colspan="2"> 请输入您要添加的行数：

td>

tr>

table>

form>

body>

html>

后来又做了一些其它的尝试演示，下面这个程序是增加了删除HTML表单的例子：

var curRow=null;

function selectRow(tr1){

if(curRow)

curRow.bgColor="#FFFFFF";

tr1.bgColor="e7e7e7";

curRow=tr1;

}

function addRow(src){

var newrow = src.insertRow(src.rows.length-1);

newrow.attachEvent("onclick",function(){selectRow(newrow);});

newrow.height=20;

var i=5;

while(i--){

var newcell = newrow.insertCell();

switch(i){

case 0: newcell.innerHTML= '<input type="button" onClick="javascript:delRow(this.parentElement.parentElement)" value="删除此行">';break;

default: newcell.innerHTML=' ';break;

}

function delRow(src){

src.parentElement.deleteRow(src.rowIndex);

}

script>

<tr>

tr>

tr>

table>

posted on 2005-10-27 17:49 Alpha 阅读(8796) 评论(7) 编辑收藏所属分类: Java J2EE JSP

常用链接

留言簿(32)

随笔分类(182)

文章分类(39)

相册

友情链接

我的地盘

技术文档

搜索

积分与排名

最新随笔

最新评论

阅读排行榜

评论排行榜


只有注册用户登录后才能发表评论。




网站导航: 博客园 IT新闻知识库 C++博客博问管理
相关文章: Ubuntu 14.04 安装 php nginx mysql JDK 8 svn jsp页面中，JSTL El表达式字符串比较常用方法 lighttpd配置之代理、负载均衡(mod_proxy) linux+nginx+tomcat负载均衡，实现session同步 CLASSPATH 如何选择开源许可证？ utf-8项目生成javadoc 编码GBK 的不可映射字符 BeanUtils & PropertyUtils & MethodUtils类使用方法 Apache tomcat 日志分析如何删除JSP编译后的空行