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

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

如果您愿意，可以使用此类按键事件。

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

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

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

函数upper（ustr）{

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

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

Answer 4

只需在您的输入标签中将style="text-transform:uppercase"放在大写和小写之间，然后将style="text-transform:lowercase"

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

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

问题描述

4 个解决方案

解决方案1
0 已采纳 2018-02-05 16:56:09

解决方案2
0 2018-02-05 17:05:24

解决方案3
0 2019-06-05 05:59:18

解决方案4
-2 2018-02-05 16:49:32

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

问题描述

4 个解决方案

解决方案1 0 已采纳 2018-02-05 16:56:09

解决方案2 0 2018-02-05 17:05:24

解决方案3 0 2019-06-05 05:59:18

解决方案4 -2 2018-02-05 16:49:32

解决方案1
0 已采纳 2018-02-05 16:56:09

解决方案2
0 2018-02-05 17:05:24

解决方案3
0 2019-06-05 05:59:18

解决方案4
-2 2018-02-05 16:49:32