查看新闻/公告--[备忘]jquery瞎对付，增加表格行，删除行，保存值

[心缘地方]同学录

首页 | 功能说明 | 站长通知 | 最近更新 | 编码查看转换 | 代码下载 | 常见问题及讨论 | 《深入解析ASP核心技术》 | 王小鸭自动发工资条VBA版

登录系统:用户名: 密码: 如果要讨论问题，请先注册。

[备忘]jquery瞎对付，增加表格行，删除行，保存值
上一篇:[备忘]maven私服 nexus 设置代理服务器下一篇:[备忘]一堆XML串直接转SOAPMessage
添加日期：2017/2/23 17:56:01	快速返回返回列表	阅读1950次
还得写破页面，胡乱凑合了一下。 <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <div class="form-group"> <input type="button" class="btn btn-primary" value="增加一行奖励规则" onclick="addRow()"/> </div> <table class="table table-striped table-bordered" style="word-break:break-all;width:800px" id="ruleTable" border="1"> <tr><td width="80%">规则</td><td width="20%">操作</td></tr> <tr><td><input type="text" name="minValue" class="form-control" size="6"/><= 出票航段数 <<input type="text" name="maxValue" class="form-control" size="6"/>，分润每段：<input type="text" name="fee" class="form-control" size="6"/><select id="currencyCode" name="currencyCode" class="form-control" style="width:50px"> <option value="USD">美元</option> <option value="GBP">英镑</option> <option value="CNY">人民币</option> </select> </td> <td><input type="button" class="btn btn-primary" value="删除" onclick="deleteRow(this)"/></td></tr> </table><br> <div class="text-center"> <input type="button" name="save" class="btn btn-primary" value="保存" onclick="doSave()"/> <input type="button" name="close" class="btn btn-primary" value="关闭" onclick="closeWin()"/> </div> </form> <script> function addRow(){ //添加一行 var i =ruleTable.rows.length; var newTr = ruleTable.insertRow(); newTr.innerHTML=ruleTable.rows[1].innerHTML; } function deleteRow(btn){ if(ruleTable.rows.length==2){ return; } var tr = btn.parentNode.parentNode; tr.outerHTML=""; } function doSave(){ //格式：0,2000,3,USD\|2000,3000,4,CNY var ruleStr = ""; $("#ruleTable tr:gt(0)").each(function() { var minValue = $(this).find("input[name='minValue']").val(); var maxValue = $(this).find("input[name='maxValue']").val(); var fee = $(this).find("input[name='fee']").val(); var currencyCode = $(this).find("select[name='currencyCode']").val(); ruleStr += minValue + "," + maxValue+","+fee+","+currencyCode + "\|"; }); alert(ruleStr); } </script> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

评论 COMMENTS
没有评论 No Comments.

添加评论 Add new comment.
昵称 Name:
评论内容 Comment:
验证码（不区分大小写） Validation Code: (not case sensitive)	看不清？点这里换一张！(Change it here!)
	评论由管理员查看后才能显示。the comment will be showed after it is checked by admin.

CopyRight © 心缘地方 2005-2999. All Rights Reserved