求一用js动态增加行,并能让行上行移动置底.置顶功能..
解决方案 »
- 动态添加有输入框的行
- javascript分页问题,给点思路
- 递归遍历有文本节点 nodeType=3如何去除firefox下的脚本
- 请问各位高手怎么实现下面这个功能
- 综合整理之后的PowerDate .方便处理常日公历日期操作.
- ???我想只input的类型为text的元素定义样式怎么写
- 清我所有来问大家个问题:如何在客户端获取datagrid中选择的行数据??
- 很很很很很很很很很简单的问题,怎么传这个值
- 困惑已久的有关两个窗口相互通信的问题,请求帮助
- 谁帮忙讲讲open和showModalDialog的一些用法?
- 在官网下的example,打开tree里面得例子,怎么报错说是拒绝访问呢?请问什么问题?
- 求助:在动态添加的行中如何执行js脚本语句呢?
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<META http-equiv="Content-Style-Type" content="text/css">
<script language="javascript">
function addInput(){
var div=document.getElementById("inputDiv")
var input="<input type=text ><input type=button onclick=addInput() value=\"+\">"
div.innerHTML+=input;
var br=document.createElement("br");
div.appendChild(br);
}
window.onload=function(){
}
</script>
</head>
<body>
<div id="inputDiv"><input type="text" ID="Text1" NAME="Text1"/><input type="button" onclick="addInput()" value="+" ID="Button1" NAME="Button1"></input></br></div>
<div></div>
</body>
</html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<META http-equiv="Content-Style-Type" content="text/css">
<script language="javascript">
var id=1;
function addInput(){
var div=document.getElementById("inputDiv")
var input="<div id=div"+id+"><input type=text >"+id+"<input type=button onclick=addInput() value=\"+\"><input id=a_"+id+" type=button value=\"置顶\" onclick=gotop(this.id)></br></div>"
id++;
div.innerHTML+=input;
}
function gotop(id){
var div=document.getElementById("inputDiv");
var divid=id.split("_")[1];
var deldiv=document.getElementById("div"+divid);
var innerhtml=deldiv.innerHTML;
var firstdiv=document.createElement("div");
firstdiv.innerHTML=innerhtml;
firstdiv.id="div"+divid;
div.removeChild(deldiv);
div.insertBefore(firstdiv,div.childNodes[0]);
id--; }
window.onload=function(){
}
</script>
</head>
<body>
<div id="inputDiv"><input type="text" ID="Text1" NAME="Text1"/>0<input type="button" onclick="addInput()" value="+" ID="Button1" NAME="Button1"></input><input id=a_"+id+" type=button value="置顶" onclick=gotop(this.id) NAME=a_0></br></div>
<div></div>
</body>
</html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<META http-equiv="Content-Style-Type" content="text/css">
<script language="javascript">
var id=1;
function addInput(){
var div=document.getElementById("inputDiv")
var input="<div id=div"+id+"><input type=text >"+id+"<input type=button onclick=addInput() value=\"+\"><input id=a_"+id+" type=button value=\"置顶\" onclick=gotop(this.id)><input id=b_"+id+" type=button value=\"置底\" onclick=gobtom(this.id)></br></div>"
id++;
div.innerHTML+=input;
}
function gotop(id){
var div=document.getElementById("inputDiv");
var divid=id.split("_")[1];
var deldiv=document.getElementById("div"+divid);
var innerhtml=deldiv.innerHTML;
var firstdiv=document.createElement("div");
firstdiv.innerHTML=innerhtml;
firstdiv.id="div"+divid;
div.removeChild(deldiv);
div.insertBefore(firstdiv,div.childNodes[0]);
id--; }
function gobtom(id){
var div=document.getElementById("inputDiv");
var divid=id.split("_")[1];
var deldiv=document.getElementById("div"+divid);
var innerhtml=deldiv.innerHTML;
var firstdiv=document.createElement("div");
firstdiv.innerHTML=innerhtml;
firstdiv.id="div"+divid;
div.removeChild(deldiv);
div.appendChild(firstdiv);
id--;
}
window.onload=function(){
}
</script>
</head>
<body>
<div id="inputDiv"><input type="text" ID="Text1" NAME="Text1"/>0<input type="button" onclick="addInput()" value="+" ID="Button1" NAME="Button1"></input><input id=a_"+id+" type=button value="置顶" onclick=gotop(this.id) ><input id=b_0 type=button value="置底" onclick=gobtom(this.id) ></br></div>
<div></div>
</body>
</html>