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

Question

我想在使用 jEditable< 编辑字段时更改大小写（全部大写或将句子的第一个字母大写） /a> 插件。我的代码看起来与此类似：

$(".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

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

那会让你到达那里。

Answer 2

由于您已经在使用 jQuery，请尝试以下操作：

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

像魅力 JSFiddle 一样工作