JQ-异步操作数据，点击内容变成input

admin 2019-05-20 603 阅读 0评论

/*异步修改某个字段的值，点击文字变成文本框并修改内容*/
function change(th,id,url){
var oval = $('#'+th+id).text();
注意：使用时把input前面的“\”去掉
var input = $("<\input style='width: 50px;' type=text id=\"order\" name=\"order\" class=\"layui-input\" value='"+oval+"' />");
//添加input
$('#'+th+id).html(input);
//选中内容
input.trigger('select');
//在input在点击无效
input.click(function(){return false;});
//光标离开 input 后进行更新相关操作
input.blur(function(){
var tex = $(this).val();
if(tex != oval)
{
$('#'+th+id).html(tex);
$.post(url,{
id:id,
val:tex
},function(data){
var object = eval('('+data+')');
if(object.status == 200){
layer.msg(object.msg, {icon: 6});
}else{
layer.msg(object.msg, {icon: 5});
}
});
}
else
{
$('#'+th+id).html(tex);
}
});
//回车事件
$("#order").keyup(function(){
if(event.keyCode == 13){
var tex = $(this).val();
if(tex != oval)
{
$('#'+th+id).html(tex);
$.post(url,{
id:id,
val:tex
},function(data){
var object = eval('('+data+')');
if(object.status == 200){
layer.msg(object.msg, {icon: 6});
}else{
layer.msg(object.msg, {icon: 5});
}
});
}
else
{
$('#'+th+id).html(tex);
}
}
});
}

/*异步更新数据是否有效0-1*/
function member_stop(obj,id,url){
var status = $(obj).attr('title');
layer.confirm('确认要更新吗？',function(index){
$.get(url+id+"&status="+status,function(data){
var run = JSON.parse(data);
if(run.status == 200){
$(obj).attr('title',run.is_show);
$(obj).html('');
layer.msg(run.msg,{icon: 1,time:1000});
}
if(run.status == 300){
$(obj).attr('title',run.is_show);
$(obj).html('');
layer.msg(run.msg,{icon: 2,time:1000});
}
if(run.status == 400){
layer.msg('数据出错，请稍后再试！',{icon:5,time:1000});
}
});
});
}

/*用户-删除*/
function member_del(obj,id,url){
layer.confirm('确认要删除吗？',function(index){
//发异步删除数据
$.get(url+id,function(data){
var run = JSON.parse(data);
if(run.status==200){
layer.msg(run.msg,{icon:1,time:1000});
$(obj).parents("tr").remove();
}else{
layer.msg(run.msg,{icon:2,time:1000});
}
});
});
}