jQuery实现input内的内容修改事件
2016-11-15 13:46
281 查看
今天实现了在表格中实现单元格数据可维护,我使用的是select下拉框和input输入框,select下拉框的实例地址:
http://blog.csdn.net/cat_pp/article/details/53169956
下面是我用input文本输入框实现的一个实例:
1、HTML页面部分:
这里面很关键的地方是class和name属性,name属性用来绑定这一条数据的id,用class绑定事件可以让表格中的一整列都可以拥有事件,如果是id的话只能绑定一个单元格的事件。
2、js实现部分:
我用到的是spring MVC框架,使用post向后台传递数据。
如果有什么不懂的欢迎随时骚扰哈!!!
http://blog.csdn.net/cat_pp/article/details/53169956
下面是我用input文本输入框实现的一个实例:
1、HTML页面部分:
<td id="changeData"><input id="data" name="${o.id }" class="data" type="text" value="${o.data}" /></td>
这里面很关键的地方是class和name属性,name属性用来绑定这一条数据的id,用class绑定事件可以让表格中的一整列都可以拥有事件,如果是id的话只能绑定一个单元格的事件。
2、js实现部分:
$(".data").bind("change",function(){ var data= $("#datatable_id tbody").find(".data").val(); var url = "basic/data/changedata?id="+$(this).attr("name");//绑定id $.post(url,{"data":data},function(rd){ if(rd.flag){ layer.msg("修改成功"); window.location.reload(); }else{ layer.alert(rd.msg); } }) });
我用到的是spring MVC框架,使用post向后台传递数据。
如果有什么不懂的欢迎随时骚扰哈!!!
相关文章推荐
- 基于jquery的高性能td和input切换并可修改内容实现代码
- 基于jquery的高性能td和input切换并可修改内容实现代码
- jquery实现input输入框实时输入触发事件
- jquery修改input的onblur事件
- jquery实现双击修改td内容的方法
- jquery实现input输入框实时输入触发事件
- jQuery实现给input绑定回车事件的方法
- Jquery监听input text修改事件
- jquery实现input输入框实时输入触发事件代码 ---jQuery 中bind(),live(),delegate(),on() 区别
- jquery实现input输入框实时输入触发事件代码
- jquery实现勾选复选框触发事件给input赋值
- jquery结合js实现动态添加内容,并给动态添加的内容添加事件
- jquery实现input输入框实时输入触发事件代码
- jQuery+ajax实现鼠标单击修改内容的思路
- jquery/js实现文本框根据输入内容input,textarea自适应高度
- jQuery实现当select下拉框内容变化时,input输入框内容随之变化
- jquery实现input输入框实时输入触发事件
- jQuery+ajax实现鼠标单击修改内容的方法
- jQuery+ajax实现鼠标单击修改内容的思路
- jQuery基于事件控制实现点击显示内容下拉效果