Question

<!DOCTYPE html>
<html>
<head>
    <title></title>

    <script type="text/javascript" src="../js/JSUpperLower.js"></script>
</head>
<body>


    <input type="text" name="" id="upper">

    <input type="text" name="" id="lower">
</body>
</html>

Javascript：

function lowerupper()
{
    var str = document.getElementById('upper').value;
    // var lowertoupper = str.toUpperCase();

    if(str == str.toLowerCase())
    {
        document.getElementById('upper').value = str.toUpperCase();

    }


}

我希望我在输入文本中输入的文字能够实时更改，我对js来说相对较新。任何帮助，将不胜感激。感谢。

Answer 1

如果你想要它去上面使用像这样的按键事件。

＆＃13;

function lowerupper(){
         var str = document.getElementById('upper').value   
        document.getElementById('upper').value = str.toUpperCase();
         var s = document.getElementById('lower').value   
        document.getElementById('lower').value = s.toLowerCase();
}

＆＃13;

<input type="text" onkeypress="lowerupper();" id="upper">
    <input type="text" onkeypress="lowerupper();" id="lower">

＆＃13;

Answer 2

抱歉，我对你的问题的回答不正确，但我使用Jquery将输入文本从小写转换为大写。

Jquery的

    $(function() {
    $('#upper').keyup(function() {
        this.value = this.value.toUpperCase();
    });
});

HTML

  <input type="text" name="up" id="upper">
  <input type="text" name="down" id="lower">

Answer 3

function upper（ustr）{

        var ustr = document.getElementById("Your textbox id ").value;
        var res = ustr.toUpperCase();
        document.getElementById("txtempid").value = res;
    }

如果需要，请使用onblur代替onkey按下事件

Answer 4

只需将style="text-transform:uppercase"放入输入标记中以获得大写对于小写放置style="text-transform:lowercase"

大写：<input type="text" style="text-transform:uppercase" /> 小写：<input type="text" style="text-transform:lowercase" />

在Javascript中将输入文本从小写转换为大写，反之亦然

4 个答案: