效果如下所示:
点击改时把想改的变成input框
实现代码如下:根据自己实际情况改就行了。
$(document).on('click','.xiu',function(){
old_val=$(this).html();
// $(this).parent().html("");
old_text = $('.text').html();
var obj=$(this).parent().parent();
var id=obj.attr('qid');//id
var name=obj.find('.name').html();//姓名
var img=obj.find('.img').val();//照片
var age=obj.find('.age').html();//年龄
var num=obj.find('.num').html();//球队
var text=obj.find('.text').html();//简介
obj.find('.name').html('')
// obj.find('.img').html('')
obj.find('.age').html('')
obj.find('.num').html('')
obj.find('.text').html('')
$(this).attr('class','gai');
$(this).html('保存');
// var val=$(this).val(); //获取改后的值
// $.ajax({
// type:'post',
// url:"{:URL('/index/backstage/update')}",
// data:{
// id:id,
// val:val
// },
// dataType:"json",
// success:function(msg){
// // alert(msg)
// if(msg == 1){
// obj.parent().html(""+val+"")
// }else{
// obj.parent().html(""+old_val+"")
// }
// }
// })
})
$(document).on('click','.gai',function(){
var obj=$(this).parent().parent();
var id=obj.attr('qid'); //获取要改内容的id
var name=obj.find('.name').children().val();//姓名
var age=obj.find('.age').children().val();//年龄
var num=obj.find('.num').children().val();//球队
var text=obj.find('.text').children().val();//简介
// alert(name+age+num+text)
$.ajax({
type:'post',
url:"{:url('backstage/update')}",
data:{
id:id,
name:name,
age:age,
num:num,
text:text,
},
success:function(e){
obj.find('.name').html(name)
obj.find('.age').html(age)
obj.find('.num').html(num)
obj.find('.text').html(text)
}
})
$(this).attr('class','xiu');
$(this).html('改');
})
控制器里写:
//改
public function update()
{
// echo 1111;die;
$id=$_POST['id'];
$data=$_POST;
// $name=$_POST['name'];
// $age=$_POST['age'];
// $num=$_POST['num'];
// $text=$_POST['text'];
$res=Db('qname')->where('id', $id)->update($data);
if ($res) {
echo "11111";
}
}
以上这篇tp5改(实现即点即改)就是小编共享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持乐购源码。