在jEditable输入栏中更改字母大小写

Question

用jEditable插件编辑字段时，我想更改大小写（全部大写或大写首字母）。我的代码看起来与此类似：

$(".edit").editable("some/url/", { 
    type : 'text', 
    submitdata: { _method: "put" }, 
    select : true, 
    event : "dblclick", 
    submit : 'OK', 
    cancel : 'cancel', 
    id : 'edititem', 
    name : 'newvalue' 
}); 

我想onkeyup功能添加到我的输入框，像onkeyup="javascript:this.value=this.value.toUpperCase()"但我真的不知道该怎么做...... 也许有一些其他的方式为了达成这个？？

感谢您的帮助！

Answer 1

正如你已经在使用jQuery，试试这个：

$('input').bind('keyup', function() { 
    $(this).val($(this).val().toUpperCase()); 
}); 

Works like a charm JSFiddle

Answer 2

rsplak有它基本上是正确的。你只需要一点魔法就可以使它工作。

$(".edit").editable("some/url/", { 
    type : 'text', 
    submitdata: { _method: "put" }, 
    select : true, 
    event : "dblclick", 
    submit : 'OK', 
    cancel : 'cancel', 
    id : 'edititem', 
    name : 'newvalue' 
}); 

$(".edit").dblclick(function() { 
    $('input').bind('keyup', function() { 
     $(this).val($(this).val().toUpperCase()); 
    }); 
}); 

这会让你在那里。