Print value of a input-field in HTML

Question

when I click the button, the value of these both input fields should display in the cells.

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

Musa · Accepted Answer · 2018-03-02 17:04:13Z

1

To set the text of a table cell you'd use .text() and to get the value of an input you'd use .val()
Also you have input_for_left_column as the id for the two inputs.

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

answered Mar 2, 2018 at 17:04

Musa

97.9k17 gold badges123 silver badges144 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Print value of a input-field in HTML

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related