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>

使用JavaScript重置输入无效

1 个答案: