jQuery可编辑的ID号

时间:2011-05-23 22:01:42

标签: javascript jquery

我是jQuery的新手,我正在尝试使用editable。我想使用div标签的id,因为条目是从数据库中获取的,我需要每个id的id,这样当我保存信息时我可以引用它。我该如何携带身份证号码?这是我的代码:

<script language="javascript" type="text/javascript">
$(document).ready(
     function()
     {
          $('div.EditName').editable({
               type:'text',
               id : 'elementid',
           submit:'save',
       cancel:'cancel',
       onSubmit:SaveName
    })
     function SaveName(content,elementid)
     {
          alert(content.current);
          alert(elementid);
     }    
});

HTML code:

<div style="width:80%" class="EditName" id="Name7268">David Price</div>

此时我只想显示包含Edited david价格和div标签ID号的提醒。

2 个答案:

答案 0 :(得分:3)

editable的onSubmit回调采用以下形式(虽然省略了参数,但是有效):

function foo(content) { }

在这个函数中,this是一个jQuery对象,表示有问题的DOM节点;你可以从那里获得身份证。

可编辑选项不包含id字段。看看the documentation

此外,您还有语法错误。


function SaveName(content) {
   alert(content.current);
   alert(this.attr('id'));
}

$(function() { // handy shortcut
   $('div.EditName').editable({
      type:    'text',
      submit:  'save',
      cancel:  'cancel',
      onSubmit: SaveName
   }); // you'd missed out this semicolon
});

答案 1 :(得分:0)

我估计你应该在http://www.tectual.com.au/posts/7/jQuery-Editable-Plugin-Best-In-Place-Editor-.html

检查更新版的Editable

在这个新版本中,有一个事件函数 onFreeze ,另一个方法是 beforeFreeze 。使用这些功能,您可以访问可编辑的输入和显示元素,您可以随心所欲。