View Full Version : how can we add data from dynamic fields to mysql db in php

10-25-2009, 03:12 AM
i have a script which i found on the internet. i modify that script according to my needs. what is in that script is there are three form fields with two buttons. one button is "Give me more fields" clicking on this button will give you more fields. and second button is submit so the data goes to server side and will be added to db. the problem is when i click give me more fields it gives me three more fields which is right but when i fill all these fields and click submit button it adds to the db but the data in the first three fields adds in the one row and the other three fields data adds in separate row which is not fine for me. so how can i do this so all the data will be added to only one row.

here is js code

var counter = 0;
//Start a counter. Yes, at 0
function add_phone() {
// I find it easier to start the incrementing of the counter here.
var newFields = document.getElementById('addQualification').cloneNode(true);
newFields.id = '';
newFields.style.display = 'block';
var newField = newFields.childNodes;
for (var i=0;i<newField.length;i++) {
var theName = newField[i].name
if (theName)
newField[i].name = theName + counter;
// This will change the 'name' field by adding an auto incrementing number at the end. This is important.
var insertHere = document.getElementById('addQualification');
// Inside the getElementById brackets is the name of the div class you will use.

here is form

<form name="addAQualification" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data">
<div id="phone">
<input type="text" name="degree_0" value="" /><br>
<input type="text" name="cgpa_0" value="" /><br>
<input type="text" name="institute_0" value="" /><br>
<div id="addQualification" style="display: none;">
<input type="text" name="degree_" value="" /><br>
<input type="text" name="cgpa_" value="" /><br>
<input type="text" name="institute_" value="" /><br>
<input type="button" id="add_phone()" onclick="add_phone()" value="Give me more fields!" /><br>
<input type="submit" name="submit" value="submit" />

and here is php

//This checks to make sure submit was clicked
echo "You clicked submit!<br>";
echo "Here is your data<br>";
echo "<br>";
if ($_POST['cgpa_0'])
//This checks that the proper field has data
$continue = FALSE;
$i = 0;
while ($continue == FALSE)
if (isset($_POST['degree_'.$i]))
//This looks for an entry after 0 and increments
echo $_POST['degree_'.$i] . " = " . $_POST['cgpa_'.$i] . "<br>";
//Echoing the data
$degree1 = $_POST['degree_'.$i];
$cgpa1 = $_POST['cgpa_'.$i];
$institute1 = $_POST['institute_'.$i];
$db = mysql_connect("localhost");
mysql_select_db("test", $db);
$query = "INSERT INTO cv
$result = mysql_query($query);
//The four lines above is the example on how the data would be put into a MySQL database. It's not used here
$continue = TRUE;

10-26-2009, 02:50 PM
i am still waiting for help :(

10-26-2009, 05:01 PM
Apparently, your current code's "give me more fields" functionality is designed to allow additional records to be inserted at the same time. The best option would probably be to reformat your form to accept the data for a complete record rather than only a partial record.

10-26-2009, 05:06 PM
You need a different database design, one that is more dynamic. I'm picturing a child table that holds a foreign key to a parent table, as well as a column that stores some kind of code that identifies the nature of the row, and then a value column. A classic "key-value" setup. Here's a pretty good tutorial of how that all works: