单击表格修改框内的值并在数据库修改
html部分
html表格部分用php for循环渲染
js
$(function(){
$('table td').click(function(){
if(!$(this).is('.input')){
$(this).addClass('input').html('').find('input').focus().blur(function(){
var thisid = $(this).parent().siblings("th:eq(0)").text();
var thisvalue=https://www.it610.com/article/$(this).val();
var thisclass = $(this).parent().attr("class");
$.ajax({
type: 'POST',
url: 'update.php',
data: "thisid="+thisid+"&thisclass="+thisclass+"&thisvalue="https://www.it610.com/article/+thisvalue
});
$(this).parent().removeClass('input').html($(this).val() || 0);
});
}
}).hover(function(){
$(this).addClass('hover');
},function(){
$(this).removeClass('hover');
});
});
数据库
require "conn.php";
$id = trim($_REQUEST['thisid']);
$thisclass = trim($_REQUEST['thisclass']);
$thisvalue= https://www.it610.com/article/trim($_REQUEST['thisvalue']);
if (substr_count($thisclass," ")>0){
【单击表格修改框内的值并在数据库修改】$thisclass=str_replace(" ","",$thisclass);
}
if (substr_count($thisclass,"input")>0){
$thisclass=str_replace("input","",$thisclass);
}
$update_sql = "update add_delete_record set $thisclass='$thisvalue' where id='$id'";
$result = mysqli_query($con,$update_sql);
推荐阅读
- 1040表格和W-2表格
- java|java b2b2c shop 多用户商城系统源码- config 修改配置
- iOS富文本为html时,修改默认字体颜色
- react-navigation|react-navigation 动态修改 tabBar 样式
- 8、Flask构建弹幕微电影网站-搭建后台页面-密码修改、主页控制面板
- 教你如何做一个好看的表格,excel使用技巧大全
- javascript|vue使用js-xlsx导出excel,可修改格子样式,例如背景颜色、字体大小、列宽等
- 前端页面表格控件handsontable在vue项目中的应用
- minifilter中获取对文件修改属性的操作
- Android免Root|Android免Root 修改程序运行时内存指令逻辑(Hook系统函数)