我想用js实现这样一个功能:
在客户端,有个table,table外面有个按钮。单击一下按钮,表格增加一行,这行里面含有button(button需要响应服务器端click事件)
在客户端,有个table,table外面有个按钮。单击一下按钮,表格增加一行,这行里面含有button(button需要响应服务器端click事件)
解决方案 »
- 给点思路:怎么实现鼠标经过图片时,鼠标所在位置的部分图片凸起?
- asp.net WebBrowser控件的打印时不显示表格颜色?
- DropDownList的绑定问题
- VS 2005开发Silverlight问题
- 谁有asp.net 揭秘(第二版)c#原代码 ?
- 急,在线等 ,解决马上结贴
- TreeView 2.0中 如何在js中获取node的value值?
- sql语句???????????????
- DataGrid关于列的问题
- 我是广西人,很想结交一些.net的朋友,或者是老师,希望能跟大家共同学习,共同进步!
- html浏览正常的页面,把html代码复制到asp.net页面,浏览不正常
- asp.net发布后部分函数无权限
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title> <script type="text/javascript">
function addFile() {
var _table = document.createElement("table");
var _tbody = document.createElement("TBODY");
var _row;
var _cell;
var rlen = parseInt(document.getElementById("rowlen").value);
for (var i = 0; i < rlen; i++) {
_row = document.createElement("tr");
for (var j = 0; j < 3; j++) {
_cell = document.createElement("td");
var div = document.createElement("div");
var f = document.createElement("input");
f.setAttribute("type", "text")
f.setAttribute("name", "txtCardNo")
f.setAttribute("size", "20")
div.appendChild(f)
var d = document.createElement("input");
d.setAttribute("type", "button")
d.setAttribute("onclick", "deteFile(this)");
d.setAttribute("value", "移除")
div.appendChild(d)
_cell.appendChild(div);
_row.appendChild(_cell);
}
_tbody.appendChild(_row);
}
_table.appendChild(_tbody);
var con = document.getElementById("_container");
con.innerHTML = "";
con.appendChild(_table);
} function deteFile(o) {
while (o.tagName != "DIV") o = o.parentNode;
o.parentNode.removeChild(o);
} function getAllTd() {
document.getElementsByTagName("td")[0].style.backgroundImage = 'url(http://img.baidu.com/img/logo-zhidao.gif)';
}
</script></head>
<body>
<form id="form1" runat="server">
<select id="rowlen">
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<input value="add" type="button" onclick="addFile()" />
<div id="_container">
</div>
<input type="button" value="ok" onclick="getAllTd()" />
</form>
</body>
</html>
============================
添加好相应的服务器按钮,然后查看该按钮单击时执行的js事件,可以使用到需要的地方
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD><BODY>
<TABLE border="1" width="100%">
<TR>
<TD width="15%"><INPUT type="text" name="aaa" value="1"></TD>
<TD width="15%"><INPUT type="text" name="bbb" value="2"></TD>
<TD width="15%"><INPUT type="text" name="ccc" value="3"></TD>
<TD width="15%"><INPUT type="text" name="ddd" value="4"></TD>
<TD><INPUT type="text" name="eee" value="5"></TD>
<TD width="15%"><INPUT type="button" onClick="fff(this)" value="添加"></TD>
</TR></TABLE>
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
function fff(obj){
var tr = obj.parentNode.parentNode;
var tbd = tr.parentNode;
if (obj.value == "添加"){
var tr1 = tr.cloneNode(tr);
var ssj= tr1.childNodes;
var i=0;
/*不复制*/
/*for (;i<ssj.length;i++){
ssj[i].firstChild.value = "";
}
/*复制*/
tr1.lastChild.firstChild.value = "删除";
tbd.appendChild(tr1);
if (tbd.childNodes.length > 2){
tbd.lastChild.previousSibling.lastChild.firstChild.style.display = "none";
}
}
else{
tr.previousSibling.lastChild.firstChild.style.display = "";
tbd.removeChild(tr);
}
}
//-->
</SCRIPT>