在HTML中打印输入字段的值

时间:2018-03-02 17:02:08

标签: jquery input

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

<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>

1 个答案:

答案 0 :(得分: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>