How to make a dynamic JavaScript call using a PHP value and an Input value as inputs

Question

I am trying to implement the following functionality to add more rows

but I am having a hard time figuring out how to to make the javascript call

<button onclick="buildTable(?????)"><i class="glyphicon glyphicon-plus"></i></button>

The current number of rows is stored in a PHP variable $rows which was passed in on the previous buildTable(1) call

I need to add $rows to the value from the input box below (the lower '8' as seen below)

<input type="number" placeholder="1" name="moreRows">

How can I add $rows to moreRows and pass it in to the call?

Barmar · Accepted Answer · 2015-08-18 20:56:46Z

1

Use getElementsByName() to find the input element, get its value, and add that to the PHP variable.

<button onclick="buildTable(<?php echo $rows; ?> + parseInt(document.getElementsByName('moreRows')[0].value, 10))"><i class="glyphicon glyphicon-plus"></i></button>

answered Aug 18, 2015 at 20:56

Barmar

789k57 gold badges554 silver badges669 bronze badges

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

2 Comments

Nate May Over a year ago

What does the [0] mean?

Barmar Over a year ago

getElementsByName returns a list of all the elements with the name. [0] accesses the first element of the list.

Collectives™ on Stack Overflow

How to make a dynamic JavaScript call using a PHP value and an Input value as inputs

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related