jquery - TextBox の値を大文字に変更できません

Question

TextBox の値を UpperCase に変更する次のコードがあります。最初の 2 つの keyup イベントでのみ機能します。たとえば、「ab」から「AB」。ただし、「abc」を「ABC」に変更しません。何が起こっているのかわかりません。ここでjsFiddle。

<input type="text" class="FrmTextBox" id="Code">
<div id="output">

$(document).ready(function(){
    $(".FrmTextBox").keyup(function(key){
        $("#output").html($(this).val($(this).val().toUpperCase()));
    });
});

Answer 1

html() の代わりに、ここにテキストを指定できます。コードは試してみてください

$(document).ready(function(){
    $(".FrmTextBox").keyup(function(key){
        $("#output").text($(this).val($(this).val().toUpperCase()));
    });
});

Answer 2

これを試して

$(document).ready(function () {
    $(".FrmTextBox").keyup(function (key) {
        $(this).val($(this).val().toUpperCase());
        $("#output").html($(this).val());
    });
});

Answer 3

CSSはどうですか：

input.upper { text-transform: uppercase; }

Answer 4

$(elem).val(newValue)値ではなく jQuery オブジェクトを返します。$(elem).val()(引数なし) は値を返します。

値を設定して返す必要がある場合は、次を使用します。$(elem).val(newValue).val()

あなたの場合、これは次のようになります。

$(document).ready(function(){
    $(".FrmTextBox").keyup(function(key){
        $("#output").html($(this).val($(this).val().toUpperCase()).val());
    });
});