javascript - 使用 JavaScript 重置输入不起作用

Question

这是HTML代码的一部分

<div id="contentBack">
    <label for="origin">평문</label><br /><br />
    <input type="text" name="origintoBack" id="origin">

    <label for="lockSent">암호문</label><br /><br />
    <input type="text" name="lockSent" id="lockSent"><br />

    <br />

    <button id="backKey"><i class="fas fa-key fa-2x"></i></button>
    <button id="unlockBtn"><i class="fas fa-lock-open fa-2x"></i></button>
</div>

我想重置<input type="text" name="lockSent" id="lockSent"><br />如果我点击按钮。所以我把

document.getElementsByName("origintoBack")[0].value = "";

    for (var i = 0; i < originSettingArray.length; i++) { // originSettingArray 크기만큼 돌면서
      document.getElementsByName("origintoBack")[0].value += originSettingArray[i][0] + originSettingArray[i][1] + " "; // 두 글자마다 띄어쓰기 넣기
    } // 뒷면 평문에 평문 출력

和

document.getElementById("lockSent").value = "";
    for (var x = 0; x < lockedArray.length; x++) {
      document.getElementById("lockSent").value += lockedArray[x][0] + lockedArray[x][1] + " ";
    }

在 JavaScript 代码中的按钮 onclick 函数中。重置document.getElementsByName("origintoBack")[0].value = "";效果很好但是

document.getElementById("lockSent").value = "";不起作用。控制台日志上没有错误。我不知道该怎么办。请帮忙(;0;

Answer 1

我尝试了你的代码，它都有效。

function reset(){
    document.getElementsByName("origintoBack")[0].value = "";

    document.getElementById("lockSent").value = "";
}

<div id="contentBack">
    <label for="origin">평문</label><br /><br />
    <input type="text" name="origintoBack" id="origin">

    <label for="lockSent">암호문</label><br /><br />
    <input type="text" name="lockSent" id="lockSent"><br />

    <br />

    <button id="backKey"><i class="fas fa-key fa-2x"></i></button>
    <button id="unlockBtn" onclick="reset();"><i class="fas fa-lock-open fa-2x"></i>Reset</button>
</div>