根据输入的值在文本字段中自动添加第一个字符

Question

我正在尝试添加一个名为 Initials 的文本字段，并基于用户在 say fName 文本字段中输入的内容 onkeyup 仅使用第一个字符自动完成缩写文本字段。

这是我可怜的尝试，需要帮助

<!DOCTYPE html>
<html>
<body>

<p>&nbsp;</p>
<p>Enter your name: 
  <input name="fName" type="text" id="fname" onkeyup="showFirstChar()">
</p>
<p>Initials: 

  <input name="Initials" type="text" id="Initials">    
  <script>
    function showFirstChar() {
        var sWord = document.getElementById('fName').innerHTML;
        document.getElementById('Initials').innerHTML = sWord.charAt(0);
    }
  </script>
  
</p>
</body>
</html>

Answer 1

试试这个

var sWord = document.getElementById('fName').value;
document.getElementById('Initials').value= sWord.charAt(0);

输入有 .value 属性而不是 .textContent

根据输入的值在文本字段中自动添加第一个字符

Auto add first Char in Textfield based on Entered Value

javascript

extract

onkeyup