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

时间:2011-05-03 09:55:50

标签: javascript jquery jeditable capitalization

在使用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()",但我真的不知道该怎么做... 也许还有其他方法可以实现这个目标吗?

感谢您的帮助!

2 个答案:

答案 0 :(得分:1)

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());
    });
});

那会让你到那儿。

答案 1 :(得分:0)

由于您已经在使用jQuery,请尝试以下方法:

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

Works like a charm JSFiddle