欢迎光临

木子屋

标题: JavaScript 实现动态增加、删除表单域四例

作者: dnawo

日期: 2007-01-09 11:17 PM

分类: 脚本语言

内容: 例一：
HTML代码
New Document
' +
'' +
'个人信息 (' + i++ +')' +
'' +
'姓名:' +
'&nbsp;' +
'性别:' +
'&nbsp;先生&nbsp;&nbsp;女士' +
'' +
'' +
'职务:' +
'&nbsp;' +
'&nbsp;其它&nbsp;' +
'&nbsp;经理&nbsp;' +
'' +
'' +
'邮件:' +
'&nbsp;' +
'' +
'' +
''
'' +
'';
temp.rows.item(temp.rows.length-1).cells.item(0).innerHTML=sHTML;
temp.rows.item(temp.rows.length-1).cells.item(0).children.item(0).rows.item(3).cells.item(0).children.item(0).text=xx;
}
function Delete(x)
{
var temp = document.body.children.item(0).rows.item(3).cells.item(0).children.item(0).rows.item(0).cells.item(0).children.item(0).children.item(0)
temp.deleteRow(x.text.valueOf())
for (var j=0;j
Register

公司:

地址:

电话:

传真:

寄资料
去

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
例二：
HTML代码
Untitled Document

NowFileInputNo = 1
NowFileInputCount = 0
Sub AddFileInput()
If NowFileInputCount "
HTMLSrc = HTMLSrc & ""& vbcrlf
document.all.add_line.InsertAdjacentHTML "beforeBegin", HTMLSrc
NowFileInputNo = NowFileInputNo + 1
NowFileInputCount = NowFileInputCount + 1
Else
Alert "增加太多记录行"
End IF
End Sub
Sub DelFileInput(tableno)
document.all("FileInput"& tableno).outerHTML = ""
NowFileInputCount = NowFileInputCount - 1
End Sub

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
例三：
HTML代码
问题 1:

问题类型：
多选类型
问题选项：

function addNewQuestion()
{
document.form1.newTable.value = parseInt(document.form1.newTable.value) + 1;
var newItemId;
if( (document.form1.newTable.value).length > 2 )
{
alert("您的调查问题总数不能超过 99 个。")
window.location.reload();
}
newItemId = document.form1.newTable.value;
var objItem = '';
objItem += ' ';
objItem += '';
objItem += ' 问题 ' + newItemId + ': ';
objItem += ' ';
objItem += ' ';
objItem += ' ';
objItem += ' ';
objItem += ' ';
objItem += ' ';
objItem += ' ';
objItem += ' 问题类型： ';
objItem += ' 多选类型';
objItem += ' 问题选项：';
objItem += ' ';
objItem += ' ';
objItem += ' ';
objItem += ' ';
objItem += '';
document.all.__idInsertBefore.insertAdjacentHTML("beforeBegin", objItem);
}
function showTips(obj)
{
obj.title=obj.value;
}
function addNewChild(obj)
{
var isblank = "false";
var objName = obj.name;
var last2Char = objName.substring(objName.length - 2);
if( last2Char.substring(0, 1) > '9' || last2Char.substring(0, 1) 问题选项：';
objItem += ' ';
objItem += '';
objName = "__idQueOption" + last2Char;
var varQueOption = document.all[objName];
if( varQueOption.length != null )
varQueOption = varQueOption.item(varQueOption.length-1);
varQueOption.insertAdjacentHTML("afterEnd",objItem);
}
}

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
例四：
HTML代码

Untitled Document

function form_submit()
{
var nn=document.form1.file_num.value;
alert("Total:"+nn);
}

var n=1;

document.write(n);

function addline()
{
n++;
newline=document.all.test.insertRow();
newline.insertCell().innerHTML=""+n;
document.form1.file_num.value=n;
}

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

+ 查看当前日志评论 (1)

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.658 ms

返回

标题: JavaScript 实现动态增加、删除表单域四例

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.658 ms

返回

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.674 ms

返回