Wie kann ich Textfeldwerte aus dem HTML lesen und mit Hilfe von JavaScript in Tabellen einfügen?-Code Beispiele

Victor Talmacinschi

Wie kann ich Textfeldwerte aus dem HTML lesen und mit Hilfe von JavaScript in Tabellen einfügen?

HTML von Victor Talmacinschi • June 12, 2022

<html>
<head>
  <script type="text/javascript">
    function insertValues(){
      //Holen Sie den Wert des ersten Textfeldes
      var firstValue = document.getElementById('firstTextbox').value;

      //Holen Sie den Wert des zweiten Textfeldes
      var secondValue = document.getElementById('secondTextbox').value;

      //Holen Sie das Tabellenelement
      var table = document.getElementById('myTable');

      //Fügen Sie die Werte in die Tabelle ein
      table.rows[0].cells[0].innerHTML = firstValue;
      table.rows[0].cells[1].innerHTML = secondValue;
    }
  </script>
</head>
<body>

  <!--Erstellen Sie eine Tabelle mit zwei Spalten.-->
  <table id="myTable" border="1">
    <tr>
      <td>Erste Spalte</td>
      <td>Zweite Spalte</td>
    </tr>
  </table>

  <br/>

  <!--Erstellen Sie zwei Textfelder.-->
  Erstes Textfeld: <input type="text" id="firstTextbox" /><br/>
  Zweites Textfeld: <input type="text" id="secondTextbox" /><br/>

  <!--Erstellen Sie eine Schaltfläche. Wenn Sie darauf klicken, werden die Werte aus den Textfeldern in die Tabelle eingefügt.-->
  <input type="button" value="Werte einfügen" onclick="insertValues();" />
</body>
</html>

0

56.155

Ähnliche JavaScript-Abfragen

Letzte JavaScript Abfragen

Code Beispiele nach Kategorien durchstöbern