日期:2014-05-17 浏览次数:20435 次
<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>