js增加行
2015-12-07 17:36
585 查看
js增加行,自动增加每行id
当点击增加行时拼接html:
<ul id="fwtable" class="items"> <li>
定义一个隐藏控件记录行数 <input type="hidden" name="jsfw" value="new1" /> <label class="itm"><strong>*</strong>附件上传:</label><span class="item"><asp:FileUpload ID="FileAttach1" runat="server" /></span>
</li> </ul>
当点击增加行时拼接html:
function addRow() {
//定义html var gshtml = "";
//最后的数值,id var lastIndex; if ($("input:hidden[name='jsfw']").size() > 0) { var lastnew = $("input:hidden[name='jsfw']:last").val(); lastIndex = parseInt(lastnew.substr(3)) + 1; } else { lastIndex = 1; }
//拼接html gshtml += '<li id=' + (lastIndex + 5) + '><input type="hidden" name="jsfw" value="new' + lastIndex + '" /><label class="itm"><strong></strong></label><span class="item"><input id="FileAttach' + lastIndex + '" type="file" /><button onclick="del(' + (lastIndex + 5) + ');"> - </button></span></li>';
//将拼接的html加到容器,例子中为ul $("#fwtable").append(gshtml); }
相关文章推荐
- 基于HTML5的WebGL结合Box2DJS物理应用
- JS原生父子页面操作
- javascript中闭包函数的作用
- Extjs4.2——Panel
- js获取图片宽高
- Json数据的解析_Gson
- jackson操作对象json互转
- Fastjson 的简单使用<转>
- js数据类型操作
- Js闭包之简要谈
- JS this 与new 及原型链
- js采用正则获取地址栏参数
- Js urlencode/urldecode
- js跨域请求页面的时候如果不做处理会报错
- Javascript闭包的用途
- javascript实现简单多文件上传
- arguments 对象
- javascript布局之音乐播器
- Extjs布局——layout: 'card'
- JS淘宝商品广告效果