Alpha
多少春秋風雨改 多少崎嶇不變愛
BlogJava
首頁
新隨筆
聯系
聚合
管理
隨筆-179 評論-666 文章-29 trackbacks-0
動態(tài)生成HTML表單
前段時間在做設票系統,瞎搞一會,用JavaScript搞了一些有趣的東西,因為投票的條數不定,一個題目有不定條選項,要實現一次把投票題目與不定數目選項的投票項目一次性添加進數據庫,因些就想了用JavaScript寫了一個動態(tài)生成的HTML的“文體框”。然后用數組把所有值寫入數據庫。現在就把它做成一個簡單的演示例子放在這里吧:
<
html
>
<
head
>
<
title
>
動態(tài)生成文體框演示
< SPAN>
title
>
<
script
language
="javascript"
>
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();
}
< SPAN>
script
>
< SPAN>
head
>
<
body
>
<
form
name
="form1"
method
=post
action
=""
>
<
table
name
="tab"
id
="tab"
>
<
tr
>
<
td
colspan
="2"
>
<
div
align
="center"
>
·動態(tài)生成文體框演示·
< SPAN>
div
>< SPAN>
td
>
< SPAN>
tr
>
<
tr
>
<
td
colspan
="2"
>
請輸入您要添加的行數:
<
input
type
="text"
name
="max"
size
="5"
value
=""
>
<
input
type
="button"
name
="add"
value
="添加"
onclick
="createitem()"
>
<
input
type
="button"
name
="reset"
value
="重置"
onclick
="resetDate()"
>
< SPAN>
td
>
< SPAN>
tr
>
< SPAN>
table
>
< SPAN>
form
>
< SPAN>
body
>
< SPAN>
html
>
后來又做了一些其它的嘗試演示,下面這個程序是增加了刪除HTML表單的例子:
<
script
language
="javascript"
>
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
=
'
&
nbsp;';
break
;
}
}
}
function
delRow(src)
{
src.parentElement.deleteRow(src.rowIndex);
}
< SPAN>
script
>
<
table
id
="tabe"
width
="100%"
border
="1"
>
<
tr
>
<
th
width
="20%"
>
編號
< SPAN>
th
>
<
th
width
="20%"
>
姓名
< SPAN>
th
>
<
th
width
="20%"
>
性別
< SPAN>
th
>
<
th
width
="20%"
>
年齡
< SPAN>
th
>
<
th
width
="20%"
>
民族
< SPAN>
th
>
< SPAN>
tr
>
<
tr
id
="lastRow"
onClick
="addRow(this.parentElement)"
>
<
td
>
1
< SPAN>
td
>
<
td
>
2
< SPAN>
td
>
<
td
>
3
< SPAN>
td
>
<
td
>
4
< SPAN>
td
>
<
td
>
5
< SPAN>
td
>
< SPAN>
tr
>
< SPAN>
table
>
posted on 2005-10-27 17:49
Alpha
閱讀(8813)
評論(7)
編輯
收藏
所屬分類:
Java J2EE JSP
評論:
#
re: 動態(tài)生成HTML表單 2005-11-06 18:02 |
alam
不錯很實用
回復
更多評論
#
re: 動態(tài)生成HTML表單 2006-04-10 10:18 |
gdizqzq
非常感謝
delRow(this.parentElement.parentElement)
function delRow(src){
src.parentElement.deleteRow(src.rowIndex);
}
受益匪淺
回復
更多評論
#
re: 動態(tài)生成HTML表單 2007-04-13 14:50 |
賭東道
為什么總是說我的max為空對象啊
回復
更多評論
#
re: 動態(tài)生成HTML表單 2007-04-25 21:03 |
gfds
gfd
回復
更多評論
#
re: 動態(tài)生成HTML表單 2008-10-15 11:12 |
gsb
頂
回復
更多評論
#
re: 動態(tài)生成HTML表單 2010-03-16 13:17 |
busifox
挺不錯的
回復
更多評論
#
re: 動態(tài)生成HTML表單
2014-05-04 16:47 |
55
87444
回復
更多評論
新用戶注冊
刷新評論列表
只有注冊用戶
登錄
后才能發(fā)表評論。
網站導航:
博客園
IT新聞
Chat2DB
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編譯后的空行
今日記一事,明日悟一理,積久而成學。
<
2005年10月
>
日
一
二
三
四
五
六
25
26
27
28
29
30
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
28
29
30
31
1
2
3
4
5
常用鏈接
我的隨筆
我的評論
我的參與
最新評論
留言簿
(32)
給我留言
查看公開留言
查看私人留言
隨筆分類
(182)
Android 移動開發(fā)
Hibernate(2)
Java J2EE JSP(31)
jQuery JavaScript Flex(5)
Linux Nginx(28)
MySQL NoSQL(14)
PHP ThinkPHP(2)
SEO優(yōu)化 網站推廣(1)
Spring(3)
吳語輪筆(81)
吾亦好攝(8)
開源開發(fā)工具使用(2)
網站設計 用戶體驗(5)
文章分類
(39)
J2EE+JSP(1)
JavaScript(9)
Linux、操作系統(9)
人生哲理(4)
多愁善感(11)
憤青集中營(2)
數據庫SQL(3)
相冊
06圣誕節(jié)
07.1.7水濂山
07年元旦
原創(chuàng)圖片
雜七雜八
校慶
梅花
友情鏈接
VIP卡云
壞男孩
田逸blog
黎波
我的地盤
技術文檔
CSS 樣式表參考文檔
DHTML 參考手冊
DWR中文文檔
MySQL 5.1參考手冊
Spring Framework 開發(fā)參考手冊
灰狐文檔中心
搜索
積分與排名
積分 - 1332296
排名 - 20
最新隨筆
1.?Centos7安裝Nginx+PHP+MySQL
2.?Ubuntu完美安裝搭建Git服務器
3.?Git本地服務器搭建及使用詳解
4.?Linux 常見運維命令
5.?Linux怎樣恢復誤刪除的數據
6.? CentOS 7 安裝 Nginx、PHP7、PHP-FPM
7.?Tomcat8 安全配置與性能優(yōu)化
8.?Ubuntu14.04下部署FastDFS 5.08+Nginx 1.9.14
9.?Ubuntu14.04下搭建VPN服務
10.?CentOS 6.4 配置VPN服務教程
最新評論
1.?re: Ubuntu14.04下部署FastDFS 5.08+Nginx 1.9.14
相當成功
--reatang
2.?re: mysql alter 語句用法,添加、修改、刪除字段等
密密麻麻嗎
--,,,
3.?eettafellamp
評論內容較長,點擊標題查看
--eettafellamp
4.?re: 使用Spring MVC表單標簽
水電費
-- 低調
5.?aanrechtblad
評論內容較長,點擊標題查看
--aanrechtblad
6.?re: Tomcat8 安全配置與性能優(yōu)化[未登錄]
評論內容較長,點擊標題查看
--aa
7.?re: Tomcat8 安全配置與性能優(yōu)化[未登錄]
評論內容較長,點擊標題查看
--aa
8.?aa[未登錄]
啊啊啊啊
--aa
9.?re: Ubuntu14.04下部署FastDFS 5.08+Nginx 1.9.14
可以可以可以
--司馬青衫
10.?re: mysql alter 語句用法,添加、修改、刪除字段等[未登錄]
1111
--a
閱讀排行榜
1.?MySQL的mysqldump工具的基本用法(237602)
2.?mysql alter 語句用法,添加、修改、刪除字段等(166878)
3.?HttpClient 學習整理(143541)
4.?c3p0詳細配置(91853)
5.?Mysql日期和時間函數大全(61395)
6.?Hibernate 不同數據庫的連接及SQL方言(50293)
7.?iptables 開啟80端口 (32173)
8.?AS與JS相互通信(Flex中調用js函數)(26679)
9.?使用Spring MVC表單標簽(24000)
10.?JFreeChart在JSP中的應用實例(22561)
11.?scrollbar屬性、樣式詳解(20602)
12.?linux+nginx+tomcat負載均衡,實現session同步(20447)
13.?多級反向代理[Squid]下獲取客戶端真實IP地址(16417)
14.?linux rsync同步設置詳細指南(15715)
15.?jsp頁面中,JSTL El表達式字符串比較常用方法(15621)
評論排行榜
1.?南雄中學百年校慶(91)
2.?HttpClient 學習整理(44)
3.?JFreeChart在JSP中的應用實例(29)
4.?c3p0詳細配置(26)
5.?從MySQL得到最大的性能(20)
6.?學會如何去愛一個人(16)
7.?千年珠璣(15)
8.?笑翻天樂園-痛并快樂著(14)
9.?說說我們技術部(13)
10.?MySQL的mysqldump工具的基本用法(12)
11.?述 職 報 告(11)
12.?多級反向代理[Squid]下獲取客戶端真實IP地址(11)
13.?雙喜臨門(10)
14.?元旦遭遇人山人海(9)
15.?一個身材超好的MM(7)
Powered by:
博客園
模板提供:
滬江博客
Copyright ©2025 Alpha
主站蜘蛛池模板:
亚洲高清免费视频
|
亚洲性色AV日韩在线观看
|
一级人做人a爰免费视频
|
国产一级理论免费版
|
亚洲av色香蕉一区二区三区蜜桃
|
99在线精品免费视频九九视
|
亚洲av成人综合网
|
毛片a级毛片免费观看免下载
|
亚洲熟妇av午夜无码不卡
|
女人让男人免费桶爽30分钟
|
亚洲乱码国产乱码精华
|
国产成人免费高清在线观看
|
黄色网址大全免费
|
亚洲综合伊人久久综合
|
a级毛片无码免费真人久久
|
亚洲AV天天做在线观看
|
www视频免费看
|
亚洲小说图区综合在线
|
免费人妻av无码专区
|
中文字幕av免费专区
|
日木av无码专区亚洲av毛片
|
亚洲中文无码永久免费
|
立即播放免费毛片一级
|
亚洲精品乱码久久久久66
|
99久热只有精品视频免费观看17
|
亚洲天堂中文字幕在线
|
国产成人免费AV在线播放
|
亚洲在成人网在线看
|
国产不卡免费视频
|
久艹视频在线免费观看
|
亚洲精品无码中文久久字幕
|
亚洲精品国产精品乱码不卞
|
无码人妻一区二区三区免费n鬼沢
|
亚洲成a人片在线网站
|
国产免费av片在线无码免费看
|
国产V片在线播放免费无码
|
99精品国产免费久久久久久下载
|
免费大片黄在线观看
|
亚洲国产精品久久久久婷婷软件
|
久久aⅴ免费观看
|
亚洲熟妇无码AV不卡在线播放
|