真实项目改编,百分百实用。
js拼接id、拼接函数参数
function querylist() {
var pageSize = 14;
$.ajax({
url:"url",
type:"post",
data:{pageNo:pageNo,pageSize:pageSize},
success:function(data){
var listr = data.data;
if(data.code == "10000"){
var html="<tr></tr>";
var totalCount = data.total;
pages = Math.ceil(totalCount/pageSize);
var j = 1;
for(var i in listr){
html = html + "<tr><td>"+j+"</td>"+
"<td><input type='text' id=\"m"+listr[i].id+"\" value='"+listr[i].money+"' maxlength='10' onkeyup=\"(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)\" onblur=\"this.v();\"/></td>"+
"<td><input type='text' id=\"mn"+listr[i].id+"\" value='"+listr[i].moneyunit+"' maxlength='5'/></td>"+
"<td><input type='text' id=\"g"+listr[i].id+"\" value='"+listr[i].gold+"' maxlength='10' onkeyup=\"(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)\" onblur=\"this.v();\"/></td>"+
"<td><input type='text' id=\"gn"+listr[i].id+"\" value='"+listr[i].goldunit+"' maxlength='10'/></td>"+
"<td><div style='color: #1b65c3;cursor: pointer ' onclick='update(\""+listr[i].id+"\")'>保存</div></td>"+
"<td><div style='color: #1b65c3;cursor: pointer' onclick='delete(\""+listr[i].id+"\")'>删除</div></td></tr>";
j++;
}
$("#TableData").html(html);
var newText1 = "共" + totalCount + "条" ;
$("#pagenum1").text(newText1);
var newText2 = "共" + pages + "页" ;
$("#pagenum2").text(newText2);
var newText3 = "第" + pageNo + "页" ;
$("#pagenum3").text(newText3);
}else{
alert(data.message);
}
}
});
}
//通过拼接id,获取指定输入框的值
function update(id,gfname) {
var msg = "您确定要保存当前充值金额吗?\n\n请确认!";
if (confirm(msg)==true){
var money = $("#m"+id).val().trim();
var moneyunit = $("#mn"+id).val().trim();
var gold = $("#g"+id).val().trim();
var goldunit = $("#gn"+id).val().trim();
$.ajax({
url:"url",
type:"post",
data:{id:id,money:money,moneyunit:moneyunit,gold:gold,goldunit:goldunit},
success:function(data){
if(data.code == "10000"){
alert(data.message);
querylist();
}else{
alert(data.message);
}
}
});
return true;
}else{
return false;
}
}
可修改任意输入框的值,点击保存调用更新函数保存数据