Jquery内联编辑

时间:2010-08-15 06:41:05

标签: jquery inline

有一个表使用Jtemplate动态加载数据。在我右键单击一行并单击编辑后,整个行应该进入编辑模式,单元格应该包含下拉列表,文本,日期字段等。如果它应该显示保存和取消按钮单击编辑。单击保存后,更改数据应使用ajax转到数据库。希望你对此有所建议。

感谢, ABC

1 个答案:

答案 0 :(得分:2)

根据您提供的信息,您无法获得太多帮助。但我会给你一个小例子

<强> HTML

<div id="mytext">Your name loaded from database</div>
<a class="triggeredit" href="javascript:void();">Edit</a>

<强>脚本

$(function() {
   $(".triggeredit").click(function() {
       var thetext = $('#mytext').html();
       $("#mytext").html('<input type="text" name="edittext" id="edittext" value="'+thetext+'" />');
   });
});