Question

我有以下代码将TextBox值更改为UpperCase。它仅用于前两个keyup事件。例如“ab”到“AB”。但不要将“abc”改为“ABC”。我不知道发生了什么。 jsFiddle here.

<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

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

Answer 4

CSS怎么样：

input.upper { text-transform: uppercase; }

无法将TextBox值更改为大写

4 个答案: