Löschen Sie den Eingabewert nach Click Event

Question

Ich habe einige Probleme mit Javascript-Ereignis. Ich brauche etwas Code, um den Eingabewert nach dem Klick zu löschen. Nach der Eingabe besiedelt und in der „myTable“ Reihe, und dann das Eingabefeld

mein Code geht leer

Hier aufgeführt werden ist

<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

Ihr Code wirft einen Fehler in dieser Zeile:

currentCell.appendChild(addRowBox);

weil die addRowBox nicht definiert ist (mir scheint hier wie sein irrtümlicherweise). Darüber hinaus verwenden Sie .reset() nicht, um den Eingabewert zu löschen, aber Sie legen seinen Wert einfach auf eine leere Zeichenfolge fest.

Also das ist wahrscheinlich das, was Sie hier haben wollen:

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

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

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

Answer 2

ein Eingabeelement zu löschen, setzen Sie einfach den Wert auf einen leeren String.

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