將輸入文本從小寫轉換為大寫，反之亦然

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