html+input+js双击,JS双击变input框批量修改内容

双击空白或者文字变成input框修改内容：

js代码

修改

function ShowElement(element,abc){

// console.log(abc);

var list = abc;

var me = element;

var oldhtml = element.innerHTML;

var newobj = document.createElement('input');

newobj.type = 'text';//修改新创建的input的类型

element.innerHTML = '';//清空td中的内容用于存放新创建input;

$(newobj).attr({ value:oldhtml});

element.appendChild(newobj);//把input放入td

//给input对象绑定鼠标移开事件

newobj.onblur = function(){

// 判断是否满足发送ajax的条件

if(this.value != oldhtml){

element.innerHTML = this.value;

var value = this.value;

// alert(value);

//发送ajax请求

var id = $(me).parents('.gradeA').find('.sid').html();

var url = "{:U('Admin/Friend/onclick')}";

var btn = $(this);

$.ajax({

url:url,data:{id:id,list:list,value:value},type:'post',success:function(data){

console.log(data);

if(data == 0){

alert('修改成功')

}else{

alert('修改失败');

}

}

})

}else{

element.innerHTML = oldhtml;//放入原来的内容

// return false;

}

}

newobj.focus();

// return false;

}

以上所述是小编给大家介绍的JS双击变input框批量修改内容。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！