Question

My form has several <p> elements which are added dynamically. This is how one would look:

<p id="numbox-1" class="numbox">1</p>

I need to set up a function so that when a button is clicked I get the id (the id’s will be labeled numbox-1, numbox-2, etc) and the value of the p element for all of them on the page.

I need to pass the values to a php script that will process them, it would be nice if I could get the data as an array so I can use a for loop in php.

I have been using JSON to pass data, but Im not sure if that’s the best way to go on this, please advise, thanks-

Answer 1

You can use .map() for this, for example:

var arr = $('.numbox').map(function(){
            return { name: this.id, value: this.innerHTML };
          });

Then you could pass this as the data argument, for example:

$.post("mypage.php", arr);

This would result in a POST of the name/value pairs, like this:

numbox-1=1&numbox-2=XX....