$myInputs = $_POST["myInputs"];
foreach ($myInputs as $eachInput)
{
echo $eachInput . “”;

and got this error:
Warning: Invalid argument supplied for foreach() in E:\programfiles\xampp\htdocs\trial\index.php on line 23

please tell me what’s the problem..
you can email me at:
gondong.domina@yahoo.com

please do help..
tnx.

http://www.web-design-talk.co.uk/58/adding-unlimited-form-fields-with-jquery-mysql/

Example: If I’m asking for ^user^|^url^|^location^ and these field get mulitplied based on the number of desired submition my output ends up looking like this.

John Mike Tom|www.test.com http://www.five.com http://www.four.com|Dallas New York Paris

The desired output should look like this
John|www.test.com|Dallas
Mike|www.five.com|New York
Tom|www.four.com|Paris

How do I do this?

First Name:

Last Name:

Item ID: Quantity: Price: $

I cant figure out how to get the process order function to multiply the quantity and price of each line seperatly, and then add them together.. It will only do it for one line, the parentnode, i think its because i cant figure out how to give the elements that are created a unique ID.

here is the code i have so far, any help would be greatly appreciated

function addKeyword()
{
var keywordObj = document.getElementById(“keywordForm”);
var count = document.getElementById(“keywordCount”).value;
var newObj = document.createElement(“div”);
newObj.setAttribute(“id”, “keywordInput_” + count);
newObj.innerHTML = “Item ID: ” + ” ” +
“Quantity: ” + ” ” + “Price: $ ” + ” ” + ” “;
keywordObj.appendChild(newObj);
count++;
document.getElementById(“keywordCount”).value = count;
}

function delKeyword(i)
{
var div = document.getElementById(“keywordForm”);
var delDiv = document.getElementById(“keywordInput_” + i);
div.removeChild(delDiv);
}

function ProcessOrder()
{
var strOutput;
var Quantity;
var Price;
var TotalPrice;

Quantity = document.getElementById(‘txtQuantity’).value;
Price = document.getElementById(‘txtPrice’).value;
TotalPrice = Quantity * Price;

strOutput = “Total Price: $” + TotalPrice

alert(strOutput);
}

First Name:

Last Name:

Item ID: Quantity: Price: $

Again, this is simply looping through a series of associative arrays. E.g. you’d need to name each field as an array – field1[] , field2[] etc etc and then loop through you’re post data sequentially E.g – say you were adding 2 fields each time – name and email.

if (isset($_POST['cname'])) {

for ( $i=0; $i<count($_POST['cname']); $i++) {
$contactname = $_POST['cname'][$i];
$conatctemail = $_POST['cemail'][$i];

}

}

I’ll be posting a tutorial on my site how to do this, as it took me a while to find out myself :)

Once I’ve made the tutorial I’ll post a quick link here if it’s ok, as a lot of people seem to be asking the same thing :)

However, if you’re familiar with PHP you’d simply use a key value approach. You need to name each dynamically added field say ‘fields[]‘ so PHP reads the POSTS data as an array E.g.

foreach ( $_POST['fields'] as $key=>$value ) {
echo $value , “”;
}

Can you please post the html of your form? That will definitely give me some clues.

Knix

From now on, I add rows successfully.
However, when i submit the form, i cant get the data which are in the newly add rows.

I try to submit the form by “post” and “get” both method are failed to get the value in the newly added rows..

..
if (isset($_POST['submit'])) {
$inputs = $_POST["inputs"];
echo $inputs [0]; // <— original row is ok to output data here!
echo $inputs [1];
echo $inputs [2];
echo $inputs [3];
echo $inputs [4];
echo $inputs [5]; // <— newly added row by pressing the button is FAILED to output data here!
echo $inputs [6];
}

http://www.web-design-talk.co.uk/58/adding-unlimited-form-fields-with-jquery-mysql/

How to validate the value of dynamically added form element(i.e textbox1 textbox2 etc.) using javascript.

Thx,
SAN

The function can be modified by adding a for loop which creates 3 input fields instead of 1:

1
2
3
4
5
6
7

function add3Inputs(divName){
    for (i=1; i<=3; i++) {
        var newdiv = document.createElement('div');
        newdiv.innerHTML = "Entry " + i + " <br><input type='text' name='myInputs[]'>";
        document.getElementById(divName).appendChild(newdiv);
    }
}

Please note that this code is not tested but I hope you get the idea.

Thank you once again,

tm