Alpha
多少春秋風雨改 多少崎嶇不變愛
BlogJava
首頁
新隨筆
聯系
聚合
管理
隨筆-179 評論-666 文章-29 trackbacks-0
動態生成HTML表單
前段時間在做設票系統,瞎搞一會,用JavaScript搞了一些有趣的東西,因為投票的條數不定,一個題目有不定條選項,要實現一次把投票題目與不定數目選項的投票項目一次性添加進數據庫,因些就想了用JavaScript寫了一個動態生成的HTML的“文體框”。然后用數組把所有值寫入數據庫。現在就把它做成一個簡單的演示例子放在這里吧:
<
html
>
<
head
>
<
title
>
動態生成文體框演示
< 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"
>
·動態生成文體框演示·
< 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: 動態生成HTML表單 2005-11-06 18:02 |
alam
不錯很實用
回復
更多評論
#
re: 動態生成HTML表單 2006-04-10 10:18 |
gdizqzq
非常感謝
delRow(this.parentElement.parentElement)
function delRow(src){
src.parentElement.deleteRow(src.rowIndex);
}
受益匪淺
回復
更多評論
#
re: 動態生成HTML表單 2007-04-13 14:50 |
賭東道
為什么總是說我的max為空對象啊
回復
更多評論
#
re: 動態生成HTML表單 2007-04-25 21:03 |
gfds
gfd
回復
更多評論
#
re: 動態生成HTML表單 2008-10-15 11:12 |
gsb
頂
回復
更多評論
#
re: 動態生成HTML表單 2010-03-16 13:17 |
busifox
挺不錯的
回復
更多評論
#
re: 動態生成HTML表單
2014-05-04 16:47 |
55
87444
回復
更多評論
新用戶注冊
刷新評論列表
只有注冊用戶
登錄
后才能發表評論。
網站導航:
博客園
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 移動開發
Hibernate(2)
Java J2EE JSP(31)
jQuery JavaScript Flex(5)
Linux Nginx(28)
MySQL NoSQL(14)
PHP ThinkPHP(2)
SEO優化 網站推廣(1)
Spring(3)
吳語輪筆(81)
吾亦好攝(8)
開源開發工具使用(2)
網站設計 用戶體驗(5)
文章分類
(39)
J2EE+JSP(1)
JavaScript(9)
Linux、操作系統(9)
人生哲理(4)
多愁善感(11)
憤青集中營(2)
數據庫SQL(3)
相冊
06圣誕節
07.1.7水濂山
07年元旦
原創圖片
雜七雜八
校慶
梅花
友情鏈接
VIP卡云
壞男孩
田逸blog
黎波
我的地盤
技術文檔
CSS 樣式表參考文檔
DHTML 參考手冊
DWR中文文檔
MySQL 5.1參考手冊
Spring Framework 開發參考手冊
灰狐文檔中心
搜索
積分與排名
積分 - 1332300
排名 - 20
最新隨筆
1.?Centos7安裝Nginx+PHP+MySQL
2.?Ubuntu完美安裝搭建Git服務器
3.?Git本地服務器搭建及使用詳解
4.?Linux 常見運維命令
5.?Linux怎樣恢復誤刪除的數據
6.? CentOS 7 安裝 Nginx、PHP7、PHP-FPM
7.?Tomcat8 安全配置與性能優化
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 安全配置與性能優化[未登錄]
評論內容較長,點擊標題查看
--aa
7.?re: Tomcat8 安全配置與性能優化[未登錄]
評論內容較長,點擊標題查看
--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网站
|
国产成人免费午夜在线观看
|
中文字幕亚洲色图
|
在线看片免费不卡人成视频
|
精品亚洲视频在线
|
亚洲日韩中文字幕在线播放
|
久爱免费观看在线网站
|
色在线亚洲视频www
|
亚洲电影日韩精品
|
一级毛片免费毛片一级毛片免费
|
久久久久亚洲国产
|
亚洲综合无码精品一区二区三区
|
亚洲AV无码精品蜜桃
|
亚洲国产成人影院播放
|
国产精品色拉拉免费看
|
处破女第一次亚洲18分钟
|
亚洲精品综合一二三区在线
|
四色在线精品免费观看
|
97在线免费观看视频
|
青青青亚洲精品国产
|
亚洲专区一路线二
|
亚洲AV日韩精品久久久久久久
|
无码国模国产在线观看免费
|
国产精品成人观看视频免费
|
国产精品黄页免费高清在线观看
|
亚洲无吗在线视频
|
在线免费观看亚洲
|
亚洲成在人线av
|
亚洲日韩精品无码专区网址
|
精品免费国产一区二区三区
|
久久午夜夜伦鲁鲁片免费无码影视
|
波霸在线精品视频免费观看
|
亚洲AV无码一区二区三区网址
|
亚洲国产成人手机在线电影bd
|
亚洲国产精品一区二区成人片国内
|
亚洲国产精品无码久久九九
|
久久久久久一品道精品免费看
|
两个人日本免费完整版在线观看1
|
亚洲色欲啪啪久久WWW综合网
|
亚洲午夜一区二区电影院
|