美文网首页
单击表格修改框内的值并在数据库修改

单击表格修改框内的值并在数据库修改

作者: SuLinXin | 来源:发表于2018-05-09 08:52 被阅读0次

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=$(this).val();   

                    var thisclass = $(this).parent().attr("class");     

                    $.ajax({   

                      type: 'POST',   

                      url: 'update.php',   

                      data: "thisid="+thisid+"&thisclass="+thisclass+"&thisvalue="+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= 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); 

相关文章

网友评论

      本文标题:单击表格修改框内的值并在数据库修改

      本文链接:https://www.haomeiwen.com/subject/qczgrftx.html