首页
网站首页
公司简介
资讯中心
推荐内容
返回顶部
使用Jquery实现点击文字后变成文本框且可修改_jquery_脚本之家
发布时间:2019-12-29 04:07
浏览次数:

使用Jquery实现点击文字变为文本框效果,可对文本框文字进行修改。 1.点击文字变为文本框 2.文本框自动全选文字 3.对文本框内容进行修改 4.点击文本框以外的地方文本框再次变为修改后的文字 5.同步更新SQL数据库内容 Html部分代码 复制代码 代码如下:

复制代码 代码如下:

javascript代码: 复制代码 代码如下: function get_page_size() { var re = {}; if (document.documentElement && document.documentElement.clientHeight) { var doc = document.documentElement; re.width = (doc.clientWidth>doc.scrollWidth)?doc.clientWidth-1:doc.scrollWidth; re.height = (doc.clientHeight>doc.scrollHeight)?doc.clientHeight:doc.scrollHeight; } else { var doc = document.body; re.width = (window.innerWidth>doc.scrollWidth)?window.innerWidth:doc.scrollWidth; re.height = (window.innerHeight>doc.scrollHeight)?window.innerHeight:doc.scrollHeight; } return re; } 904 viewed 3 comment 代码实例: 复制代码 代码如下:

一般的form提交操作写法为 复制代码 代码如下: 点击submit按钮或直接回车可以将数据提交到saveReport页面,但是提交后也会跳转到saveReport页面 如何做到 将数据提交到saveReport页面,但是页面又不进行跳转,即保持当前页面不变呢?? 这种需要在load一个页面的时候尤其迫切。 利用jquery的ajaxSubmit函数以及form的onsubmit函数完成,如下: 复制代码 代码如下: form增加一个id用于在jquery中调用,增加一个onsubmit函数用于submit前自己提交表单 saveReport对应函数为 复制代码 代码如下: function saveReport() { // jquery 表单提交 $.ajaxSubmit { // 对于表单提交成功后处理,message为提交页面saveReport.htm的返回内容 }); return false; // 必须返回false,否则表单会自己再做一次提交操作,并且页面跳转 }

友情链接: 网站地图
Copyright © 2015-2019 http://www.nflfreepicks.net. 新葡萄京娱乐场网址有限公司 版权所有