JavaScript_动态增加/删除输入框
本文主要介绍如何动态的增加、删除输入框,并获取输入框中的值~~
<html>
<head>
<title>JavaScript_动态增加/删除输入框_阿方索</title>
<script type="text/javascript">
<!--
var idNumber = 1,id="tableAFS";
function addTextBox() {
idNumber++;
//这里我们创建一个label控件
label0 = document.createElement("label");
label0.setAttribute("id","label"+idNumber);
//创建输入框
var textField = document.createElement("input");
textField.setAttribute("type","text");
textField.setAttribute("name","Title");
textField.setAttribute("id","Title"+idNumber);
label0.appendChild(textField);
//创建按钮
var textField2 = document.createElement("input");
textField2.setAttribute("type","button");
textField2.setAttribute("name","button");
textField2.setAttribute("value","删除该行");
textField2.onclick=function(){removeTextBox(this)}
label0.appendChild(textField2);
document.getElementById(id).appendChild(label0);
}
function removeTextBox(o) {
var t=document.getElementById(id).getElementsByTagName("label").length;
if ( t> 1) //如果超过1个textbox
document.getElementById(id).removeChild(o.parentNode);
}
function show()
{
var t=document.getElementById(id).getElementsByTagName("label").length;
var allText = document.getElementById(id).getElementsByTagName("input");
var s = "";
for(i=0;i<allText.length;i++)
{
if(allText[i].id.indexOf('Title')=="0"){
s = s+allText[i].value + "\n" ;
}
}
alert(s);
}
//-->
</script>
<style type="text/css">
<!--
label {
display:block;
margin:.25em 0em;
}
-->
</style>
</head>
<body>
<form id="table11">
<table width="550" border="0" align="center" cellpadding="0" cellspacing="1" >
<tr>
<td height="25" bgcolor="#FFFFFF">
<div id="tableAFS"><label>
<input type="text" name="Title" id="Title" />
<input name="button" type="butt
相关文档:
网站经常用到的一个东西用来暂存一些相关信息的Cookie有优点也有缺点,它能够不占用服务器资源,存储在客户端的电脑里,可这样也有一定的危险性,因为相关信息比如说登录某个网站的用户名和密码之类的信息,都会存在客户端的电脑里,这样会被某些“有心之人”利用,所以,有些人习惯在公共场合使用完电脑后清掉Co ......
选择元素:document.getElementsByTagName,document.getElementsById,document.getElementsByName。
firstChild,lastChild,nextSibling,previousSibling
创建元素:document.createElement(),appendChild();
删除元素:removeC ......
这句话是:prototype中定义的是对象实例要访问的属性或方法的一个替补。
举例说明一下:
//1)定义了一个对象:
function A()
{
//给对象定义一个属性
this.f1="this is f1";
}
//2)我们可以这样使用对象:
var a = new A();
alert(a.f1)//弹出消息:this is f1
//3)我们可以扩展对象:
A.prot ......
Javascript里面分模式对话框和非模式对话框,其实两者区别就是在对话框被关闭之前用户能否在同一页面的其他地方进行工作。比如“打开文件”对话框便是典型的模式对话框,在你对这个对话框做出动作才能对打开该对话框的程序进行其他操作,而非模式对话框则不必。
模式对话框:showModalDialog
非模式对话框:sho ......
之前看了有关匿名函数的调用,感觉有必要和大家分享一下。
关于什么是匿名函数,及它带来的优势在本文就不深究了,先抛出一个常用的匿名函数:
(function(){alert('yo')})()
很多同学知道怎么用这种匿名函数,却或许并不明白为什么这样写就能够调用匿名函数。也许知道后面的圆括号是执行前面的函数,而并不清楚前面的圆 ......