Я хочу, чтобы моя строка отображалась в текстовом поле, но она этого не делает

Question

У меня есть функция JavaScript ниже:

var alphabet = [ "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z" ];  

function generateRandomString(strLength) {     
    var output = "";     
    for (var i = 0; i < strLength; i++) {         
        var randomIndex = Math.floor(Math.random() * alphabet.length);         
        output += alphabet[randomIndex];     }     
        return output; }  

        function getSession() {     
            var randomDiv = document.getElementById("randomStrings");     
            newText = generateRandomString(3);     
            randomDiv.innerHTML = newText; 
            }

Эта функция выполняет поиск любой из букв 3 раза и отображает ее, например, AGH, TRY, MNK и т. Д.

Это отображается в следующем абзаце:

<p id="randomStrings"></p>

Приведенный выше код действительно успешно отображает код на экране. Но поскольку я хочу разместить эти данные на другой странице, я думаю, что лучше не использовать тег <p> для отображения случайных строк, а вместо этого использовать тестовый блок для его отображения. Проблема в том, что, если я делаю это, он не отображает randomString в текстовом поле. Почему randomString не отображается на экране в текстовом поле?

Ниже приведен код формы:

 <form action="QandATable.php" method="post" id="sessionForm">
          <table>
          <tr>
          <th>1: </th>
          <td><input id="sessionBtn" type="button" value="Get Session ID" name="sessionid" onClick="getSession()" /></td>   <!-- Get Session ID here-->
          <td><input type="text" id="randomStrings" name="random" readonly="readonly"/></td>
          </tr>
          </table>
</form>

Answer 1

Попробуйте использовать свойство value вместо innerHTML .

 function getSession() {     
    var randomDiv = document.getElementById("randomStrings");     
    newText = generateRandomString(3);     
    randomDiv.value = newText; 
 }