一.表单页面
<table border="1">
<tr>
<td><input type="checkbox"></td>
<td>id</td>
<td>商品名称</td>
<td>价格</td>
<td>操作</td>
</tr>
@foreach($arr as $v)
<tr>
<td><input type="checkbox" name="box" value="{{$v['g_id']}}"></td>
<td>{{$v['g_id']}}</td>
<td><span class="up" num="{{$v['g_name']}}" pid="{{$v['g_id']}}">{{$v['g_name']}}</span></td>
<td><span class="up" num="{{$v['g_price']}}" pid="{{$v['g_id']}}">{{$v['g_price']}}</span></td>
<td><a href="del?id={{$v['g_id']}}">删除</a></td>
</tr>
@endforeach
</table>
<script src="../jquery.js"></script>
<script>
//即点即改
$(document).on("click", ".up", function () {
//获取当前点击数据id
var g_id=$(this).attr('pid');
var con = $(this).html();
//显示文本框
$(this).parent().html("<input type=\"text\" name="g_name" value=" + con + " />");
// alert(con);
$("input").focus();
$(document).on("blur", "input[name='g_name']", function () {
var _this = $(this);
var a = $(this).val();
// alert(a);
$.ajax({
type: "get",
url: "up",
data: {g_id: g_id,ival: a},
success: function (msg) {
// alert(msg);
if (msg == 1) {
_this.parent().html("<span class=\"up\">" + a + "</span>");
}
}
});
});
});
二.后台php代码
//即点即改
public function up(){
$g_id=$_GET['g_id'];
$ival=$_GET['ival'];
// echo $ival;die;
$arr=DB::table('g_goods')->where('g_id','=',$g_id)->update([
'g_name'=>$ival,
]);
if($arr){
return 1;
}
}