在jEditable輸入欄中更改字母大小寫

用jEditable插件編輯字段時，我想更改大小寫（全部大寫或大寫首字母）。我的代碼看起來與此類似：在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()"但我真的不知道該怎麼做...... 也許有一些其他的方式爲了達成這個？？

感謝您的幫助！

來源

2011-05-03 errata

正如你已經在使用jQuery，試試這個：

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

Works like a charm JSFiddle

來源

2011-05-03 10:00:18 rsplak

ok，我看到...不錯:)但是，這將無法與jEditable ...當我點擊我的編輯'div，輸入字段顯示不會服從toUpperCase（）函數：） – errata 2011-05-03 10:04:56

這是因爲您需要在動態創建輸入後綁定密鑰函數。我仍在研究解決方案。從jeditable的回調將是很好的。 – shaz 2013-05-08 12:46:11

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

這會讓你在那裏。

來源

2013-05-08 14:35:42 shaz

在jEditable輸入欄中更改字母大小寫

回答

相關問題