首页 > 代码库 > 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实现点击文字后变成文本框且可修改