易截截图软件、单文件、免安装、纯绿色、仅160KB

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


相关文档:

JavaScript实现水平选项卡效果

首先在body中加入以下HTML内容:
<div id="panel">
 <div id="top">
        <ul id="menu">
            <li id="1">Home</li>
 &nbs ......

javascript添加新节点的方法

//创建一个新的元素节点,元素名使用sTagName定义
oElementNode = document.createElementNode(sTagName);
//创建一个新的节点,节点名使用sTextValue定义
oTextNode = document.createTextNode(sTextValue);
//为元素赋一个新的属性,属性名使用sName
oAttribute = document.createAttribute(sName);
//创建一个新的 ......

Javascript: onresize

浏览器:IE 8、FF 3.6、Chrome 4.0、Safari 4.0、Opera 10.1
仅有IE浏览器支持HTMLElement.onresize(比如body.onresize)
其它浏览器只支持window.onresize
先说IE的HTMLElement.onresize
使用前请确定你的心脏及血压正常,如果你定义了
body.onresize = function(){……}或者html.onresize = obj.fun;
......

单引号,双引号,javascript,HTML,转义字符

在一个网页中的按钮,写onclick事件的处理代码,不小心写成如下:
<input value="Test" type="button" onclick="alert(""OK"");" />
IE提示出错后,再漫不经心地改为:
<input value="Test" type="button" onclick="alert(\"OK\");" />
结果还是出错。
这时,我就想不通了,虽然我知道最直接的解决方法 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号