怎么在PHP网页上点击数据出现文本框并可以修改和提交,用AJAX把数据更新到数据库同时刷新页面,求代码

怎么在PHP网页上点击数据出现文本框并可以修改和提交,用AJAX把数据更新到数据库同时刷新页面,求代码,第1张

//这个正好手头正在做的一个项目中用到,提供思路,可以自由扩充

//在页面加载的时候注册一下 ,就是给要点击的地方添加事件或者是属性

//页面源码

<table>

    <tr>

        <td class="canChange">点击这里会出现文本框</td>

    </tr>

</table>

//JS

$(document).ready(function(){

    td_Click()

})

//点击事件

function td_Click() {

    $(".canChange").click(function () {

        var td = $(this)

        //所点文本框的id

        var id = $(this).attr("id")

        var txt = $.trim(td.text())

        

        var input = $("<input class=\"myinput\" id='new'  type='text'value='" + txt + "'style=\"width:80%heigth:100%\"/>")

        td.html(input)

        input.click(function () { return false })

        //获取焦点 

        input.trigger("focus")

        //文本框失去焦点后提交内容,重新变为文本 

        input.blur(function () {

            // var newtxt = $(this).val()

            var newtxt = $("#new").val()

            //判断文本有没有修改 

            if (newtxt != txt) {

                if (newtxt == null || newtxt == "") {

                    td.html(txt)

                }

                else {       

                    //表示已经修改

                    $.post(.......)//提交

                    td.html(newtxt)

                }

            }

            else {

                td.html(txt)

            }           

        })

    })

}

刷新页面可以通过 JQ的 Fresh方法来实现,

或者是是控件刷新来实现,

比如  $("#btnSearch").click()这样通过JQ调用按钮点击,实现重新读取数据

=================望采纳!

这是一个基本的html表单

<form action="" method="post">

<input type="text" name="anyfield" value="">

<input type="submit" value="提交">

</form>

你看下你的代码有没有类似这样的表单,

定义和用法

<form>标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。表单用于向服务器传输数据。php脚本可以嵌入html代码。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11924901.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存