单击事件后清除输入值

Question

我在JavaScript事件中遇到了一些麻烦。点击后我需要一些代码来清除输入值。输入后进行填充，并在“mytable的”行列出，然后输入字段变为空白

这里是我的代码

<main> 
<table> 
    <tr> 
     <td><input type="text" id="gds"></td> 
     <td><input type="text" id="prc"></td> 
     <td><input type="button" class="button" value=" + Add " onclick="addField();"></td> 
    </tr> 
</table> 
<table id="myTable"> 
</table> 
<script type="text/javascript"> 
function addField (argument) { 
     var myTable = document.getElementById("myTable"); 
     var currentIndex = myTable.rows.length; 
     var currentRow = myTable.insertRow(-1); 

     var x = document.getElementById("gds").value; 
     var y = document.getElementById("prc").value; 

     var NumBox = document.createElement("input"); 
     NumBox.setAttribute("name", "nmbr[]" + currentIndex); 
     NumBox.setAttribute("value", 1 + currentIndex); 
     NumBox.setAttribute("size", "2"); 

     var KeyBox = document.createElement("input"); 
     KeyBox.setAttribute("name", "goods[]"); 
     KeyBox.setAttribute("value", x); 

     var priceBox = document.createElement("input"); 
     priceBox.setAttribute("name", "price[]"); 
     priceBox.setAttribute("value", y); 

     var currentCell = currentRow.insertCell(-1); 
     currentCell.appendChild(NumBox); 

     currentCell = currentRow.insertCell(-1); 
     currentCell.appendChild(KeyBox); 

     currentCell = currentRow.insertCell(-1); 
     currentCell.appendChild(priceBox); 

     currentCell = currentRow.insertCell(-1); 
     currentCell.appendChild(addRowBox); 

     var input1 = document.getElementById("gds"); 
     input1.reset(); 

     var input2 = document.getElementById("prc"); 
     input2.reset(); 
    } 
</script> 
</main> 

Answer 1

您的代码在这行抛出一个错误：

currentCell.appendChild(addRowBox);

因为addRowBox是不确定的（在我看来，像它在这里被错误）。此外，您不使用.reset()来清除输入值，但只需将其值设置为空字符串。

所以这可能是你想拥有什么在这里：

currentCell = currentRow.insertCell(-1); 
    //currentCell.appendChild(addRowBox); 

    var input1 = document.getElementById("gds"); 
    input1.value = ''; 

    var input2 = document.getElementById("prc"); 
    input2.value = ''; 

Answer 2

要清除输入的元素，只需将其值设置为空字符串。

document.getElementById("gds").value = ""; 
document.getElementById("prc").value = "";