日期:2014-05-17 浏览次数:20502 次
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="../js/jquery-1.6.1.min.js"></script>
<body>
<div id="d"></div>
<input type="button" id="b" value="添加出库单" onClick="add()"/>
<input type="text" name="ad" id="ad" />
</body>
</html>
<script language="javascript">
//添加模块
var ii = 1;
function add(){//执行块添加
dv=document.createElement("div");
dv.id="div_"+ii;
tab=document.createElement("div");
tab.innerHTML='<table bgcolor="#E6F3DE" ><tr><td>货物名称:</td><td colspan="2"><input type="text" id="nam" size="15" /></td></tr></table>'
dv.appendChild(tab);
delbtn=document.createElement("input");
delbtn.type="button";
delbtn.value="删除该出库单";
delbtn.onclick=del;
dv.appendChild(delbtn);
document.getElementById("d").appendChild(dv);
ii = ii + 1;
}
//删除添加的块
function del(){
document.getElementById("d").removeChild(this.parentNode);
ii=ii-1;
}
//获取 js 添加的框的id,获取不到
$(function(){
$("#nam").bind("blur",function()
{
alert('msg');
})
})
//获取原本的input的id 可以获取到!
$(function(){
$("#ad").bind("blur",function()
{
alert('msg');
})
})
</script>