首页 > 代码库 > Jquery实现点击文字后变成文本框且可修改
Jquery实现点击文字后变成文本框且可修改
$(function() {//获取class为caname的元素$(".caname").click(function() {var td = $(this);var txt = td.text();var input = $("<input type=‘text‘value=http://www.mamicode.com/‘" + txt + "‘/>");td.html(input);input.click(function() { return false; });//获取焦点input.trigger("focus");//文本框失去焦点后提交内容,重新变为文本input.blur(function() {var newtxt = $(this).val();//判断文本有没有修改if (newtxt != txt) {td.html(newtxt);/**不需要使用数据库的这段可以不需要var caid = $.trim(td.prev().text());//ajax异步更改数据库,加参数date是解决缓存问题var url = "../common/Handler2.ashx?caname=" + newtxt + "&caid=" + caid + "&date=" + new Date();//使用get()方法打开一个一般处理程序,data接受返回的参数(在一般处理程序中返回参数的方法 context.Response.Write("要返回的参数");)//数据库的修改就在一般处理程序中完成$.get(url, function(data) {if(datahttp://www.mamicode.com/=="1"){alert("该类别已存在!");td.html(txt);return;}alert(data);td.html(newtxt);});*/}else{td.html(newtxt);}});});});
Jquery实现点击文字后变成文本框且可修改
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。