在HTML中打印输入字段的值

Question

当我单击按钮时，这两个输入字段的值应显示在单元格中。

<input id="input_for_left_column" placeholder="Minuten" type="number">
<input id="input_for_left_column" placeholder="Minuten" type="number">
<button type="submit" id="submit_for_table">Add</button>

<table class="table">
<tr>
    <td id="left_column"></td>
    <td id="right_column"></td>
</tr>
</table>

<script>
$(function(){
  function add_value() {
    $("#left_column").val($('#input_for_left_column').text(val());
    $("#right_column").val($('#input_for_right_column').text(val());
  }
  $('#submit_for_table').click(add_value);
 });  
 </script>

Answer 1

要设置表格单元格的文本，您需要使用.text()并获取输入的值，您将使用.val() 你也有input_for_left_column作为两个输入的id。

$(function(){
  function add_value() {
    $("#left_column").text($('#input_for_left_column').val());
    $("#right_column").text($('#input_for_right_column').val());
  }
  $('#submit_for_table').click(add_value);
 });  

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="input_for_left_column" placeholder="Minuten" type="number">
<input id="input_for_right_column" placeholder="Minuten" type="number">
<button type="submit" id="submit_for_table">Add</button>

<table class="table">
<tr>
    <td id="left_column"></td>
    <td id="right_column"></td>
</tr>
</table>