how to pass a variable from javascript to php after submit

Question

I have a script add rows to the table with textfields everytime i click add row:

<script language = "javascript">

var x = 0;

function addRow(){

    var tbody = document.getElementById(tabID).getElementsByTagName("tbody")[0];
    var row = document.createElement("tr")
    var data1 = document.createElement("td")    
    var data2 = document.createElement("td") 

    var element = document.createElement("input");
    element.setAttribute("type", type);
    element.setAttribute("name", type);
    element.setAttribute("id", "Name"+x);
    element.setAttribute("style","width:95px");

    var element1 = document.createElement("input");
    element1.setAttribute("type", type);
    element1.setAttribute("name", type);
    element1.setAttribute("id", "Address"+x);
    element1.setAttribute("style","width:95px");

    var foo = document.tbody;

    data1.appendChild(element)
    data2.appendChild(element1)

    row.appendChild(data1)
    row.appendChild(data2)
    tbody.appendChild(row)

    x++;
}
</script>

How can I pass to php the value of my variable x after submitting, so I can count how many loop should I do?

TRY document.getElementByID('divID').innerHTML = x

xkeshav
– xkeshav

2012-09-12 04:50:28 +00:00
Commented Sep 12, 2012 at 4:50 — xkeshav
– xkeshav, Commented Sep 12, 2012 at 4:50
add it as a hidden form element on the submit

mmertel
– mmertel

2012-09-12 04:51:53 +00:00
Commented Sep 12, 2012 at 4:51 — mmertel
– mmertel, Commented Sep 12, 2012 at 4:51

Vinay · Accepted Answer · 2012-09-12 04:53:28Z

5

Add <input type="hidden" name="count_rows" value="0"> to your form, update its value to the row count when the form is submitted.

answered Sep 12, 2012 at 4:53

Vinay

2,5944 gold badges27 silver badges35 bronze badges

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

2 Comments

Newbie Over a year ago

how can i get the value of it in php?

Vinay Over a year ago

You can use $_POST, $_GET, $_REQUEST variable to get value of element.

Aravind.HU · Accepted Answer · 2012-09-12 04:54:15Z

2

You need to create an input hidden field inside your form and initialize it with the value of the counter . you can use javascript as follows

 var input = document.createElement("input");
 input.setAttribute("type", "hidden");
 input.setAttribute("name", "counter");
 input.setAttribute("value", x);

answered Sep 12, 2012 at 4:54

Aravind.HU

9,4825 gold badges41 silver badges53 bronze badges

Comments

Nagama Inamdar · Accepted Answer · 2015-10-27 14:14:26Z

0

As suggested by Vinay already. Make use of name and value attributes of input elements. You can try out following code snippet.

<?php
if(isset($_POST['submit'])) 
{ 
    print_r($_POST);
    $counter= $_POST['counter'];   
    print_r("counter value : <b>". $counter. "</b>");

}
?>
<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
   <input type="hidden" name="counter" value="5"><br>
   <input type="submit" name="submit" value="Submit Form"><br>
</form>

edited Oct 27, 2015 at 14:14

answered Aug 31, 2015 at 10:27

Nagama Inamdar

2,85522 gold badges41 silver badges50 bronze badges

Collectives™ on Stack Overflow

how to pass a variable from javascript to php after submit

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related