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

【问题标题】：Change letter case in jEditable input fields更改 jEditable 输入字段中的字母大小写
【发布时间】：2011-05-03 09:55:49
【问题描述】：

在使用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()"，但我真的不知道该怎么做... 也许还有其他方法可以实现这一点？？

感谢您的帮助！

【问题讨论】：

标签： javascript jquery jeditable capitalization

【解决方案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());
    });
});

这会让你到达那里。

【讨论】：

【解决方案2】：

因为你已经在使用 jQuery，试试这个：

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

Works like a charm JSFiddle

【讨论】：

好的，我明白了...很好 :) 但是，这不适用于 jEditable...当我单击我的 edit div 时，显示的输入字段不会服从 @987654324 @函数:)
那是因为你需要在动态创建输入之后绑定keyup函数。我仍在研究解决方案。来自 jeditable 的回调在这里会很好。