Forums

Dear ChronoForms Users,

I am very much happy using Chronoforms and I am using it for different purposes, but now i have some problem on using this form for Air Ticket request form, for this case users may want to add passangers and I did it using the code i got from http://www.chronoengine.com/forums.html?cont=posts&f=2&t=87510&p=303046&hilit=collapse#p303046 and It works excep it donesn't have cancel or remove the passenger, how can i retrieve the form information to email? and another problem i cannot load the cronoforms styling of calander, please anyone help me out this issues, here is the custom code i used.

<?php
for ( $i = 1; $i <= 5; $i++ ) {
   if ( $i == 1 ) {
      $class = 'show_me';
   } else {
      $class = 'hide_me';
   }
   if ( $i < 5 ) {
      $j = $i+1;
      $button = "<div><input type='button' name='addone_{$j}' id='addone_{$j}' value='Add one' class='add_one' /></div>";
   } else {
      $button = "";
   }
   echo "<div class='{$class}' id='recipient_{$i}' style=''><div class='multiline_start'>
  
  <div class='clear'></div> <div class='multiline_start'>
   <label>Full Name</label>
<input maxlength='150' size='30' class=' validate['required','alpha']' title='' type='text' value='' name='recipient_{$i}[input_text_24]' /></div>
<div class='multiline_add'>
<div id='error-message-input_text_24'></div></div>

<div class='clear'></div><div class='multiline_start'>
<label>Date of Birth</label>
<input maxlength='150' size='16' class=' validate['required','target:recipient[{$i}][input_datetime_26_clone_id']] {cf_date_picker}' title='' type='text' value='' name='recipient[{$i}][input_datetime_26]' /></div>
<div class='multiline_add'>
<div class='clear'></div>
<div id='error-message-input_datetime_26'></div></div>


<div class='clear'></div><div class='multiline_start'>
<label for='input_id_28'>Nationality</label><select>
<option value='Select Here' title='Afghanistan'>Select here...</option>
<option value='Afghanistan' title='Afghanistan'>Afghanistan</option>
	<option value='Åland Islands' title='Åland Islands'>Åland Islands</option>
	<option value='Albania' title='Albania'>Albania</option>
	<option value='Algeria' title='Algeria'>Algeria</option>
	<option value='American Samoa' title='American Samoa'>American Samoa</option>
	<option value='Andorra' title='Andorra'>Andorra</option>
	<option value='Angola' title='Angola'>Angola</option>
	<option value='Anguilla' title='Anguilla'>Anguilla</option>
	<option value='Antarctica' title='Antarctica'>Antarctica</option>
	<option value='Antigua and Barbuda' title='Antigua and Barbuda'>Antigua and Barbuda</option>
	<option value='Argentina' title='Argentina'>Argentina</option>
	<option value='Armenia' title='Armenia'>Armenia</option>
	<option value='Aruba' title='Aruba'>Aruba</option>
	<option value='Australia' title='Australia'>Australia</option>
	<option value='Austria' title='Austria'>Austria</option>
	<option value='Azerbaijan' title='Azerbaijan'>Azerbaijan</option>
	<option value='Bahamas' title='Bahamas'>Bahamas</option>
	<option value='Bahrain' title='Bahrain'>Bahrain</option>
	<option value='Bangladesh' title='Bangladesh'>Bangladesh</option>
	<option value='Barbados' title='Barbados'>Barbados</option>
	<option value='Belarus' title='Belarus'>Belarus</option>
	<option value='Belgium' title='Belgium'>Belgium</option>
	<option value='Belize' title='Belize'>Belize</option>
	<option value='Benin' title='Benin'>Benin</option>
	<option value='Bermuda' title='Bermuda'>Bermuda</option>
	<option value='Bhutan' title='Bhutan'>Bhutan</option>
	<option value='Bolivia, Plurinational State of' title='Bolivia, Plurinational State of'>Bolivia, Plurinational State of</option>
	<option value='Bonaire, Sint Eustatius and Saba' title='Bonaire, Sint Eustatius and Saba'>Bonaire, Sint Eustatius and Saba</option>
	<option value='Bosnia and Herzegovina' title='Bosnia and Herzegovina'>Bosnia and Herzegovina</option>
	<option value='Botswana' title='Botswana'>Botswana</option>
	<option value='Bouvet Island' title='Bouvet Island'>Bouvet Island</option>
	<option value='Brazil' title='Brazil'>Brazil</option>
	<option value='British Indian Ocean Territory' title='British Indian Ocean Territory'>British Indian Ocean Territory</option>
	<option value='Brunei Darussalam' title='Brunei Darussalam'>Brunei Darussalam</option>
	<option value='Bulgaria' title='Bulgaria'>Bulgaria</option>
	<option value='Burkina Faso' title='Burkina Faso'>Burkina Faso</option>
	<option value='Burundi' title='Burundi'>Burundi</option>
	<option value='Cambodia' title='Cambodia'>Cambodia</option>
	<option value='Cameroon' title='Cameroon'>Cameroon</option>
	<option value='Canada' title='Canada'>Canada</option>
	<option value='Cape Verde' title='Cape Verde'>Cape Verde</option>
	<option value='Cayman Islands' title='Cayman Islands'>Cayman Islands</option>
	<option value='Central African Republic' title='Central African Republic'>Central African Republic</option>
	<option value='Chad' title='Chad'>Chad</option>
	<option value='Chile' title='Chile'>Chile</option>
	<option value='China' title='China'>China</option>
	<option value='Christmas Island' title='Christmas Island'>Christmas Island</option>
	<option value='Cocos (Keeling) Islands' title='Cocos (Keeling) Islands'>Cocos (Keeling) Islands</option>
	<option value='Colombia' title='Colombia'>Colombia</option>
	<option value='Comoros' title='Comoros'>Comoros</option>
	<option value='Congo' title='Congo'>Congo</option>
	<option value='Congo, the Democratic Republic of the' title='Congo, the Democratic Republic of the'>Congo, the Democratic Republic of the</option>
	<option value='Cook Islands' title='Cook Islands'>Cook Islands</option>
	<option value='Costa Rica' title='Costa Rica'>Costa Rica</option>
	<option value='Côte d'Ivoire' title='Côte d'Ivoire'>Côte d'Ivoire</option>
	<option value='Croatia' title='Croatia'>Croatia</option>
	<option value='Cuba' title='Cuba'>Cuba</option>
	<option value='Curaçao' title='Curaçao'>Curaçao</option>
	<option value='Cyprus' title='Cyprus'>Cyprus</option>
	<option value='Czech Republic' title='Czech Republic'>Czech Republic</option>
	<option value='Denmark' title='Denmark'>Denmark</option>
	<option value='Djibouti' title='Djibouti'>Djibouti</option>
	<option value='Dominica' title='Dominica'>Dominica</option>
	<option value='Dominican Republic' title='Dominican Republic'>Dominican Republic</option>
	<option value='Ecuador' title='Ecuador'>Ecuador</option>
	<option value='Egypt' title='Egypt'>Egypt</option>
	<option value='El Salvador' title='El Salvador'>El Salvador</option>
	<option value='Equatorial Guinea' title='Equatorial Guinea'>Equatorial Guinea</option>
	<option value='Eritrea' title='Eritrea'>Eritrea</option>
	<option value='Estonia' title='Estonia'>Estonia</option>
	<option value='Ethiopia' title='Ethiopia'>Ethiopia</option>
	<option value='Falkland Islands (Malvinas)' title='Falkland Islands (Malvinas)'>Falkland Islands (Malvinas)</option>
	<option value='Faroe Islands' title='Faroe Islands'>Faroe Islands</option>
	<option value='Fiji' title='Fiji'>Fiji</option>
	<option value='Finland' title='Finland'>Finland</option>
	<option value='France' title='France'>France</option>
	<option value='French Guiana' title='French Guiana'>French Guiana</option>
	<option value='French Polynesia' title='French Polynesia'>French Polynesia</option>
	<option value='French Southern Territories' title='French Southern Territories'>French Southern Territories</option>
	<option value='Gabon' title='Gabon'>Gabon</option>
	<option value='Gambia' title='Gambia'>Gambia</option>
	<option value='Georgia' title='Georgia'>Georgia</option>
	<option value='Germany' title='Germany'>Germany</option>
	<option value='Ghana' title='Ghana'>Ghana</option>
	<option value='Gibraltar' title='Gibraltar'>Gibraltar</option>
	<option value='Greece' title='Greece'>Greece</option>
	<option value='Greenland' title='Greenland'>Greenland</option>
	<option value='Grenada' title='Grenada'>Grenada</option>
	<option value='Guadeloupe' title='Guadeloupe'>Guadeloupe</option>
	<option value='Guam' title='Guam'>Guam</option>
	<option value='Guatemala' title='Guatemala'>Guatemala</option>
	<option value='Guernsey' title='Guernsey'>Guernsey</option>
	<option value='Guinea' title='Guinea'>Guinea</option>
	<option value='Guinea-Bissau' title='Guinea-Bissau'>Guinea-Bissau</option>
	<option value='Guyana' title='Guyana'>Guyana</option>
	<option value='Haiti' title='Haiti'>Haiti</option>
	<option value='Heard Island and McDonald Islands' title='Heard Island and McDonald Islands'>Heard Island and McDonald Islands</option>
	<option value='Holy See (Vatican City State)' title='Holy See (Vatican City State)'>Holy See (Vatican City State)</option>
	<option value='Honduras' title='Honduras'>Honduras</option>
	<option value='Hong Kong' title='Hong Kong'>Hong Kong</option>
	<option value='Hungary' title='Hungary'>Hungary</option>
	<option value='Iceland' title='Iceland'>Iceland</option>
	<option value='India' title='India'>India</option>
	<option value='Indonesia' title='Indonesia'>Indonesia</option>
	<option value='Iran, Islamic Republic of' title='Iran, Islamic Republic of'>Iran, Islamic Republic of</option>
	<option value='Iraq' title='Iraq'>Iraq</option>
	<option value='Ireland' title='Ireland'>Ireland</option>
	<option value='Isle of Man' title='Isle of Man'>Isle of Man</option>
	<option value='Israel' title='Israel'>Israel</option>
	<option value='Italy' title='Italy'>Italy</option>
	<option value='Jamaica' title='Jamaica'>Jamaica</option>
	<option value='Japan' title='Japan'>Japan</option>
	<option value='Jersey' title='Jersey'>Jersey</option>
	<option value='Jordan' title='Jordan'>Jordan</option>
	<option value='Kazakhstan' title='Kazakhstan'>Kazakhstan</option>
	<option value='Kenya' title='Kenya'>Kenya</option>
	<option value='Kiribati' title='Kiribati'>Kiribati</option>
	<option value='Korea, Democratic People's Republic of' title='Korea, Democratic People's Republic of'>Korea, Democratic People's Republic of</option>
	<option value='Korea, Republic of' title='Korea, Republic of'>Korea, Republic of</option>
	<option value='Kuwait' title='Kuwait'>Kuwait</option>
	<option value='Kyrgyzstan' title='Kyrgyzstan'>Kyrgyzstan</option>
	<option value='Lao People's Democratic Republic' title='Lao People's Democratic Republic'>Lao People's Democratic Republic</option>
	<option value='Latvia' title='Latvia'>Latvia</option>
	<option value='Lebanon' title='Lebanon'>Lebanon</option>
	<option value='Lesotho' title='Lesotho'>Lesotho</option>
	<option value='Liberia' title='Liberia'>Liberia</option>
	<option value='Libya' title='Libya'>Libya</option>
	<option value='Liechtenstein' title='Liechtenstein'>Liechtenstein</option>
	<option value='Lithuania' title='Lithuania'>Lithuania</option>
	<option value='Luxembourg' title='Luxembourg'>Luxembourg</option>
	<option value='Macao' title='Macao'>Macao</option>
	<option value='Macedonia, the former Yugoslav Republic of' title='Macedonia, the former Yugoslav Republic of'>Macedonia, the former Yugoslav Republic of</option>
	<option value='Madagascar' title='Madagascar'>Madagascar</option>
	<option value='Malawi' title='Malawi'>Malawi</option>
	<option value='Malaysia' title='Malaysia'>Malaysia</option>
	<option value='Maldives' title='Maldives'>Maldives</option>
	<option value='Mali' title='Mali'>Mali</option>
	<option value='Malta' title='Malta'>Malta</option>
	<option value='Marshall Islands' title='Marshall Islands'>Marshall Islands</option>
	<option value='Martinique' title='Martinique'>Martinique</option>
	<option value='Mauritania' title='Mauritania'>Mauritania</option>
	<option value='Mauritius' title='Mauritius'>Mauritius</option>
	<option value='Mayotte' title='Mayotte'>Mayotte</option>
	<option value='Mexico' title='Mexico'>Mexico</option>
	<option value='Micronesia, Federated States of' title='Micronesia, Federated States of'>Micronesia, Federated States of</option>
	<option value='Moldova, Republic of' title='Moldova, Republic of'>Moldova, Republic of</option>
	<option value='Monaco' title='Monaco'>Monaco</option>
	<option value='Mongolia' title='Mongolia'>Mongolia</option>
	<option value='Montenegro' title='Montenegro'>Montenegro</option>
	<option value='Montserrat' title='Montserrat'>Montserrat</option>
	<option value='Morocco' title='Morocco'>Morocco</option>
	<option value='Mozambique' title='Mozambique'>Mozambique</option>
	<option value='Myanmar' title='Myanmar'>Myanmar</option>
	<option value='Namibia' title='Namibia'>Namibia</option>
	<option value='Nauru' title='Nauru'>Nauru</option>
	<option value='Nepal' title='Nepal'>Nepal</option>
	<option value='Netherlands' title='Netherlands'>Netherlands</option>
	<option value='New Caledonia' title='New Caledonia'>New Caledonia</option>
	<option value='New Zealand' title='New Zealand'>New Zealand</option>
	<option value='Nicaragua' title='Nicaragua'>Nicaragua</option>
	<option value='Niger' title='Niger'>Niger</option>
	<option value='Nigeria' title='Nigeria'>Nigeria</option>
	<option value='Niue' title='Niue'>Niue</option>
	<option value='Norfolk Island' title='Norfolk Island'>Norfolk Island</option>
	<option value='Northern Mariana Islands' title='Northern Mariana Islands'>Northern Mariana Islands</option>
	<option value='Norway' title='Norway'>Norway</option>
	<option value='Oman' title='Oman'>Oman</option>
	<option value='Pakistan' title='Pakistan'>Pakistan</option>
	<option value='Palau' title='Palau'>Palau</option>
	<option value='Palestinian Territory, Occupied' title='Palestinian Territory, Occupied'>Palestinian Territory, Occupied</option>
	<option value='Panama' title='Panama'>Panama</option>
	<option value='Papua New Guinea' title='Papua New Guinea'>Papua New Guinea</option>
	<option value='Paraguay' title='Paraguay'>Paraguay</option>
	<option value='Peru' title='Peru'>Peru</option>
	<option value='Philippines' title='Philippines'>Philippines</option>
	<option value='Pitcairn' title='Pitcairn'>Pitcairn</option>
	<option value='Poland' title='Poland'>Poland</option>
	<option value='Portugal' title='Portugal'>Portugal</option>
	<option value='Puerto Rico' title='Puerto Rico'>Puerto Rico</option>
	<option value='Qatar' title='Qatar'>Qatar</option>
	<option value='Réunion' title='Réunion'>Réunion</option>
	<option value='Romania' title='Romania'>Romania</option>
	<option value='Russian Federation' title='Russian Federation'>Russian Federation</option>
	<option value='Rwanda' title='Rwanda'>Rwanda</option>
	<option value='Saint Barthélemy' title='Saint Barthélemy'>Saint Barthélemy</option>
	<option value='Saint Helena, Ascension and Tristan da Cunha' title='Saint Helena, Ascension and Tristan da Cunha'>Saint Helena, Ascension and Tristan da Cunha</option>
	<option value='Saint Kitts and Nevis' title='Saint Kitts and Nevis'>Saint Kitts and Nevis</option>
	<option value='Saint Lucia' title='Saint Lucia'>Saint Lucia</option>
	<option value='Saint Martin (French part)' title='Saint Martin (French part)'>Saint Martin (French part)</option>
	<option value='Saint Pierre and Miquelon' title='Saint Pierre and Miquelon'>Saint Pierre and Miquelon</option>
	<option value='Saint Vincent and the Grenadines' title='Saint Vincent and the Grenadines'>Saint Vincent and the Grenadines</option>
	<option value='Samoa' title='Samoa'>Samoa</option>
	<option value='San Marino' title='San Marino'>San Marino</option>
	<option value='Sao Tome and Principe' title='Sao Tome and Principe'>Sao Tome and Principe</option>
	<option value='Saudi Arabia' title='Saudi Arabia'>Saudi Arabia</option>
	<option value='Senegal' title='Senegal'>Senegal</option>
	<option value='Serbia' title='Serbia'>Serbia</option>
	<option value='Seychelles' title='Seychelles'>Seychelles</option>
	<option value='Sierra Leone' title='Sierra Leone'>Sierra Leone</option>
	<option value='Singapore' title='Singapore'>Singapore</option>
	<option value='Sint Maarten (Dutch part)' title='Sint Maarten (Dutch part)'>Sint Maarten (Dutch part)</option>
	<option value='Slovakia' title='Slovakia'>Slovakia</option>
	<option value='Slovenia' title='Slovenia'>Slovenia</option>
	<option value='Solomon Islands' title='Solomon Islands'>Solomon Islands</option>
	<option value='Somalia' title='Somalia'>Somalia</option>
	<option value='South Africa' title='South Africa'>South Africa</option>
	<option value='South Georgia and the South Sandwich Islands' title='South Georgia and the South Sandwich Islands'>South Georgia and the South Sandwich Islands</option>
	<option value='South Sudan' title='South Sudan'>South Sudan</option>
	<option value='Spain' title='Spain'>Spain</option>
	<option value='Sri Lanka' title='Sri Lanka'>Sri Lanka</option>
	<option value='Sudan' title='Sudan'>Sudan</option>
	<option value='Suriname' title='Suriname'>Suriname</option>
	<option value='Svalbard and Jan Mayen' title='Svalbard and Jan Mayen'>Svalbard and Jan Mayen</option>
	<option value='Swaziland' title='Swaziland'>Swaziland</option>
	<option value='Sweden' title='Sweden'>Sweden</option>
	<option value='Switzerland' title='Switzerland'>Switzerland</option>
	<option value='Syrian Arab Republic' title='Syrian Arab Republic'>Syrian Arab Republic</option>
	<option value='Taiwan, Province of China' title='Taiwan, Province of China'>Taiwan, Province of China</option>
	<option value='Tajikistan' title='Tajikistan'>Tajikistan</option>
	<option value='Tanzania, United Republic of' title='Tanzania, United Republic of'>Tanzania, United Republic of</option>
	<option value='Thailand' title='Thailand'>Thailand</option>
	<option value='Timor-Leste' title='Timor-Leste'>Timor-Leste</option>
	<option value='Togo' title='Togo'>Togo</option>
	<option value='Tokelau' title='Tokelau'>Tokelau</option>
	<option value='Tonga' title='Tonga'>Tonga</option>
	<option value='Trinidad and Tobago' title='Trinidad and Tobago'>Trinidad and Tobago</option>
	<option value='Tunisia' title='Tunisia'>Tunisia</option>
	<option value='Turkey' title='Turkey'>Turkey</option>
	<option value='Turkmenistan' title='Turkmenistan'>Turkmenistan</option>
	<option value='Turks and Caicos Islands' title='Turks and Caicos Islands'>Turks and Caicos Islands</option>
	<option value='Tuvalu' title='Tuvalu'>Tuvalu</option>
	<option value='Uganda' title='Uganda'>Uganda</option>
	<option value='Ukraine' title='Ukraine'>Ukraine</option>
	<option value='United Arab Emirates' title='United Arab Emirates'>United Arab Emirates</option>
	<option value='United Kingdom' title='United Kingdom'>United Kingdom</option>
	<option value='United States' title='United States'>United States</option>
	<option value='United States Minor Outlying Islands' title='United States Minor Outlying Islands'>United States Minor Outlying Islands</option>
	<option value='Uruguay' title='Uruguay'>Uruguay</option>
	<option value='Uzbekistan' title='Uzbekistan'>Uzbekistan</option>
	<option value='Vanuatu' title='Vanuatu'>Vanuatu</option>
	<option value='Venezuela, Bolivarian Republic of' title='Venezuela, Bolivarian Republic of'>Venezuela, Bolivarian Republic of</option>
	<option value='Viet Nam' title='Viet Nam'>Viet Nam</option>
	<option value='Virgin Islands, British' title='Virgin Islands, British'>Virgin Islands, British</option>
	<option value='Virgin Islands, U.S.' title='Virgin Islands, U.S.'>Virgin Islands, U.S.</option>
	<option value='Wallis and Futuna' title='Wallis and Futuna'>Wallis and Futuna</option>
	<option value='Western Sahara' title='Western Sahara'>Western Sahara</option>
	<option value='Yemen' title='Yemen'>Yemen</option>
	<option value='Zambia' title='Zambia'>Zambia</option>
	<option value='Zimbabwe' title='Zimbabwe'>Zimbabwe</option>
	</select></div>
<div class='multiline_add'>
<div class='clear'></div><div id='error-message-input_custom_28'></div></div>

<div class='clear'></div><div class='multiline_start'>
<label>Passport Number</label><input maxlength='150' size='30' class=' validate['required','alpha']' title='' type='text' value='' name='input_text_30' /></div>
<div class='multiline_add'><div class='clear'></div><div id='error-message-input_text_30'></div></div>

<div class='clear'></div><div class='multiline_start'>    
<label>Passport Expiry Date</label><input maxlength='150' size='16' class=' validate['required','target:input_datetime_34_clone_id'] cf_date_picker' title='' type='text' value='' name='input_datetime_34' /></div>
<div class='multiline_add'><div class='clear'></div><div id='error-message-input_datetime_34'></div></div>
<div class='clear' ></div><div>{$button}</div></div>
";
}
?>

Hi samhela,

I have built a version with a delete button a while ago. You can see a demo here.
The JavaScript for this is

var m_count = 1;
window.addEvent('domready', function() {
	$('add_row').addEvent('click', function(event) {
		form = event.target.getParent('form');
		addBlock(form);
	});
});

function addBlock(form) {
	var div, label, mat, men, ein, del, formCheck;
	// get the validation object
	formCheck = 'formCheck_' + form.get('name');
	formCheck = window[formCheck];
	// add the input elements
	div = new Element('div', {
		id: 'matdiv' + m_count
	});
	label = new Element('label', {
		For: 'material' + m_count,
		text: 'Material ' + m_count
	});
	label.inject(div);
	mat = new Element('input', {
		type: 'text',
		name: 'material' + m_count,
		id: 'material' + m_count,
		Class: "validate['required']"
	});
	formCheck.register(mat);
	mat.inject(div);
	men = new Element('input', {
		type: 'text',
		name: 'menge' + m_count,
		id: 'menge' + m_count,
		Class: "validate['required']"
	});
	formCheck.register(men);
	men.inject(div);
	ein = new Element('input', {
		type: 'text',
		name: 'einheit' + m_count,
		id: 'einheit' + m_count
	});
	ein.inject(div);
	// add a new delete button
	del = new Element('input', {
		type: 'button',
		name: 'del' + m_count,
		id: 'del' + m_count,
		value: 'Delete',
		styles: {
			width: '100px'
		}
	});
	// add a click event to the new delete button
	del.addEvent('click', function(event) {
		delRow(event.target.id, event.target.value);
	});
	del.inject(div);
	div.inject($('add_here'));
	// increment counter
	m_count += 1;
	div.inject($('add_here'));
	// add event to del
}

function delRow(row, value) {
	// get the row number from the button id
	row = row.replace('del', '');
	if(value == 'Delete') {
		// if 'delete' disable all the inputs
		$('material' + row).disabled = true;
		$('menge' + row).disabled = true;
		$('einheit' + row).disabled = true;
		// set the button to 'Undelete'
		$('del' + row).value = 'Undelete';
	} else {
		// enable all the inputs
		$('material' + row).disabled = false;
		$('menge' + row).disabled = false;
		$('einheit' + row).disabled = false;
		// set the button to 'Delete'
		$('del' + row).value = 'Delete';
	}
}

In the Form Preview there is a Custom Element element with a simple div as the location for the inputs to be added:

<div id='add_here' ></div>

Unlike the version in this FAQ which builds the elements in PHP and hides or shows them; this version builds all the elements in JavaScript. It also includes a Delete button.

Bob

Dear Sir,

Thankyou for replay, and i have seen the demo it is fine, but can i use other form elements like date-time picker, some custome elements for country? and how can i use this code, it is not like the http://www.chronoengine.com/faqs/2700-how-can-i-have-a-button-to-add-more-form-inputs.html.

and please tell me how to use your code, with the above listed elements, calander and country picker.

Hi samhela,

I don't know if it will work with those elements, possibly it will. This sounds like a complicated solution though and the PHP version might be better. What do you actually need to do?

Bob

Dear Grey,

The above code which is

<?php
for ( $i = 1; $i <= 5; $i++ ) {
   if ( $i == 1 ) {
      $class = 'show_me';
   } else {
      $class = 'hide_me';
   }
   if ( $i < 5 ) {
      $j = $i+1;
      $button = "<div><input type='button' name='addone_{$j}' id='addone_{$j}' value='Add one' class='add_one' /></div>";
   } else {
      $button = "";
   }
   echo "<div class='{$class}' id='recipient_{$i}' style=''><div class='multiline_start'>
  
  <div class='clear'></div> <div class='multiline_start'>
   <label>Full Name</label>
<input maxlength='150' size='30' class=' validate['required','alpha']' title='' type='text' value='' name='recipient_{$i}[input_text_24]' /></div>
<div class='multiline_add'>
<div id='error-message-input_text_24'></div></div>

<div class='clear'></div><div class='multiline_start'>
<label>Date of Birth</label>
<input maxlength='150' size='16' class=' validate['required','target:recipient[{$i}][input_datetime_26_clone_id']] {cf_date_picker}' title='' type='text' value='' name='recipient[{$i}][input_datetime_26]' /></div>
<div class='multiline_add'>
<div class='clear'></div>
<div id='error-message-input_datetime_26'></div></div>


<div class='clear'></div><div class='multiline_start'>
<label for='input_id_28'>Nationality</label><select>
<option value='Select Here' title='Afghanistan'>Select here...</option>
<option value='Afghanistan' title='Afghanistan'>Afghanistan</option>
   <option value='Åland Islands' title='Åland Islands'>Åland Islands</option>
   <option value='Albania' title='Albania'>Albania</option>
   <option value='Algeria' title='Algeria'>Algeria</option>
   <option value='American Samoa' title='American Samoa'>American Samoa</option>
   <option value='Andorra' title='Andorra'>Andorra</option>
   <option value='Angola' title='Angola'>Angola</option>
   <option value='Anguilla' title='Anguilla'>Anguilla</option>
   <option value='Antarctica' title='Antarctica'>Antarctica</option>
   <option value='Antigua and Barbuda' title='Antigua and Barbuda'>Antigua and Barbuda</option>
   <option value='Argentina' title='Argentina'>Argentina</option>
   <option value='Armenia' title='Armenia'>Armenia</option>
   <option value='Aruba' title='Aruba'>Aruba</option>
   <option value='Australia' title='Australia'>Australia</option>
   <option value='Austria' title='Austria'>Austria</option>
   <option value='Azerbaijan' title='Azerbaijan'>Azerbaijan</option>
   <option value='Bahamas' title='Bahamas'>Bahamas</option>
   <option value='Bahrain' title='Bahrain'>Bahrain</option>
   <option value='Bangladesh' title='Bangladesh'>Bangladesh</option>
   <option value='Barbados' title='Barbados'>Barbados</option>
   <option value='Belarus' title='Belarus'>Belarus</option>
   <option value='Belgium' title='Belgium'>Belgium</option>
   <option value='Belize' title='Belize'>Belize</option>
   <option value='Benin' title='Benin'>Benin</option>
   <option value='Bermuda' title='Bermuda'>Bermuda</option>
   <option value='Bhutan' title='Bhutan'>Bhutan</option>
   <option value='Bolivia, Plurinational State of' title='Bolivia, Plurinational State of'>Bolivia, Plurinational State of</option>
   <option value='Bonaire, Sint Eustatius and Saba' title='Bonaire, Sint Eustatius and Saba'>Bonaire, Sint Eustatius and Saba</option>
   <option value='Bosnia and Herzegovina' title='Bosnia and Herzegovina'>Bosnia and Herzegovina</option>
   <option value='Botswana' title='Botswana'>Botswana</option>
   <option value='Bouvet Island' title='Bouvet Island'>Bouvet Island</option>
   <option value='Brazil' title='Brazil'>Brazil</option>
   <option value='British Indian Ocean Territory' title='British Indian Ocean Territory'>British Indian Ocean Territory</option>
   <option value='Brunei Darussalam' title='Brunei Darussalam'>Brunei Darussalam</option>
   <option value='Bulgaria' title='Bulgaria'>Bulgaria</option>
   <option value='Burkina Faso' title='Burkina Faso'>Burkina Faso</option>
   <option value='Burundi' title='Burundi'>Burundi</option>
   <option value='Cambodia' title='Cambodia'>Cambodia</option>
   <option value='Cameroon' title='Cameroon'>Cameroon</option>
   <option value='Canada' title='Canada'>Canada</option>
   <option value='Cape Verde' title='Cape Verde'>Cape Verde</option>
   <option value='Cayman Islands' title='Cayman Islands'>Cayman Islands</option>
   <option value='Central African Republic' title='Central African Republic'>Central African Republic</option>
   <option value='Chad' title='Chad'>Chad</option>
   <option value='Chile' title='Chile'>Chile</option>
   <option value='China' title='China'>China</option>
   <option value='Christmas Island' title='Christmas Island'>Christmas Island</option>
   <option value='Cocos (Keeling) Islands' title='Cocos (Keeling) Islands'>Cocos (Keeling) Islands</option>
   <option value='Colombia' title='Colombia'>Colombia</option>
   <option value='Comoros' title='Comoros'>Comoros</option>
   <option value='Congo' title='Congo'>Congo</option>
   <option value='Congo, the Democratic Republic of the' title='Congo, the Democratic Republic of the'>Congo, the Democratic Republic of the</option>
   <option value='Cook Islands' title='Cook Islands'>Cook Islands</option>
   <option value='Costa Rica' title='Costa Rica'>Costa Rica</option>
   <option value='Côte d'Ivoire' title='Côte d'Ivoire'>Côte d'Ivoire</option>
   <option value='Croatia' title='Croatia'>Croatia</option>
   <option value='Cuba' title='Cuba'>Cuba</option>
   <option value='Curaçao' title='Curaçao'>Curaçao</option>
   <option value='Cyprus' title='Cyprus'>Cyprus</option>
   <option value='Czech Republic' title='Czech Republic'>Czech Republic</option>
   <option value='Denmark' title='Denmark'>Denmark</option>
   <option value='Djibouti' title='Djibouti'>Djibouti</option>
   <option value='Dominica' title='Dominica'>Dominica</option>
   <option value='Dominican Republic' title='Dominican Republic'>Dominican Republic</option>
   <option value='Ecuador' title='Ecuador'>Ecuador</option>
   <option value='Egypt' title='Egypt'>Egypt</option>
   <option value='El Salvador' title='El Salvador'>El Salvador</option>
   <option value='Equatorial Guinea' title='Equatorial Guinea'>Equatorial Guinea</option>
   <option value='Eritrea' title='Eritrea'>Eritrea</option>
   <option value='Estonia' title='Estonia'>Estonia</option>
   <option value='Ethiopia' title='Ethiopia'>Ethiopia</option>
   <option value='Falkland Islands (Malvinas)' title='Falkland Islands (Malvinas)'>Falkland Islands (Malvinas)</option>
   <option value='Faroe Islands' title='Faroe Islands'>Faroe Islands</option>
   <option value='Fiji' title='Fiji'>Fiji</option>
   <option value='Finland' title='Finland'>Finland</option>
   <option value='France' title='France'>France</option>
   <option value='French Guiana' title='French Guiana'>French Guiana</option>
   <option value='French Polynesia' title='French Polynesia'>French Polynesia</option>
   <option value='French Southern Territories' title='French Southern Territories'>French Southern Territories</option>
   <option value='Gabon' title='Gabon'>Gabon</option>
   <option value='Gambia' title='Gambia'>Gambia</option>
   <option value='Georgia' title='Georgia'>Georgia</option>
   <option value='Germany' title='Germany'>Germany</option>
   <option value='Ghana' title='Ghana'>Ghana</option>
   <option value='Gibraltar' title='Gibraltar'>Gibraltar</option>
   <option value='Greece' title='Greece'>Greece</option>
   <option value='Greenland' title='Greenland'>Greenland</option>
   <option value='Grenada' title='Grenada'>Grenada</option>
   <option value='Guadeloupe' title='Guadeloupe'>Guadeloupe</option>
   <option value='Guam' title='Guam'>Guam</option>
   <option value='Guatemala' title='Guatemala'>Guatemala</option>
   <option value='Guernsey' title='Guernsey'>Guernsey</option>
   <option value='Guinea' title='Guinea'>Guinea</option>
   <option value='Guinea-Bissau' title='Guinea-Bissau'>Guinea-Bissau</option>
   <option value='Guyana' title='Guyana'>Guyana</option>
   <option value='Haiti' title='Haiti'>Haiti</option>
   <option value='Heard Island and McDonald Islands' title='Heard Island and McDonald Islands'>Heard Island and McDonald Islands</option>
   <option value='Holy See (Vatican City State)' title='Holy See (Vatican City State)'>Holy See (Vatican City State)</option>
   <option value='Honduras' title='Honduras'>Honduras</option>
   <option value='Hong Kong' title='Hong Kong'>Hong Kong</option>
   <option value='Hungary' title='Hungary'>Hungary</option>
   <option value='Iceland' title='Iceland'>Iceland</option>
   <option value='India' title='India'>India</option>
   <option value='Indonesia' title='Indonesia'>Indonesia</option>
   <option value='Iran, Islamic Republic of' title='Iran, Islamic Republic of'>Iran, Islamic Republic of</option>
   <option value='Iraq' title='Iraq'>Iraq</option>
   <option value='Ireland' title='Ireland'>Ireland</option>
   <option value='Isle of Man' title='Isle of Man'>Isle of Man</option>
   <option value='Israel' title='Israel'>Israel</option>
   <option value='Italy' title='Italy'>Italy</option>
   <option value='Jamaica' title='Jamaica'>Jamaica</option>
   <option value='Japan' title='Japan'>Japan</option>
   <option value='Jersey' title='Jersey'>Jersey</option>
   <option value='Jordan' title='Jordan'>Jordan</option>
   <option value='Kazakhstan' title='Kazakhstan'>Kazakhstan</option>
   <option value='Kenya' title='Kenya'>Kenya</option>
   <option value='Kiribati' title='Kiribati'>Kiribati</option>
   <option value='Korea, Democratic People's Republic of' title='Korea, Democratic People's Republic of'>Korea, Democratic People's Republic of</option>
   <option value='Korea, Republic of' title='Korea, Republic of'>Korea, Republic of</option>
   <option value='Kuwait' title='Kuwait'>Kuwait</option>
   <option value='Kyrgyzstan' title='Kyrgyzstan'>Kyrgyzstan</option>
   <option value='Lao People's Democratic Republic' title='Lao People's Democratic Republic'>Lao People's Democratic Republic</option>
   <option value='Latvia' title='Latvia'>Latvia</option>
   <option value='Lebanon' title='Lebanon'>Lebanon</option>
   <option value='Lesotho' title='Lesotho'>Lesotho</option>
   <option value='Liberia' title='Liberia'>Liberia</option>
   <option value='Libya' title='Libya'>Libya</option>
   <option value='Liechtenstein' title='Liechtenstein'>Liechtenstein</option>
   <option value='Lithuania' title='Lithuania'>Lithuania</option>
   <option value='Luxembourg' title='Luxembourg'>Luxembourg</option>
   <option value='Macao' title='Macao'>Macao</option>
   <option value='Macedonia, the former Yugoslav Republic of' title='Macedonia, the former Yugoslav Republic of'>Macedonia, the former Yugoslav Republic of</option>
   <option value='Madagascar' title='Madagascar'>Madagascar</option>
   <option value='Malawi' title='Malawi'>Malawi</option>
   <option value='Malaysia' title='Malaysia'>Malaysia</option>
   <option value='Maldives' title='Maldives'>Maldives</option>
   <option value='Mali' title='Mali'>Mali</option>
   <option value='Malta' title='Malta'>Malta</option>
   <option value='Marshall Islands' title='Marshall Islands'>Marshall Islands</option>
   <option value='Martinique' title='Martinique'>Martinique</option>
   <option value='Mauritania' title='Mauritania'>Mauritania</option>
   <option value='Mauritius' title='Mauritius'>Mauritius</option>
   <option value='Mayotte' title='Mayotte'>Mayotte</option>
   <option value='Mexico' title='Mexico'>Mexico</option>
   <option value='Micronesia, Federated States of' title='Micronesia, Federated States of'>Micronesia, Federated States of</option>
   <option value='Moldova, Republic of' title='Moldova, Republic of'>Moldova, Republic of</option>
   <option value='Monaco' title='Monaco'>Monaco</option>
   <option value='Mongolia' title='Mongolia'>Mongolia</option>
   <option value='Montenegro' title='Montenegro'>Montenegro</option>
   <option value='Montserrat' title='Montserrat'>Montserrat</option>
   <option value='Morocco' title='Morocco'>Morocco</option>
   <option value='Mozambique' title='Mozambique'>Mozambique</option>
   <option value='Myanmar' title='Myanmar'>Myanmar</option>
   <option value='Namibia' title='Namibia'>Namibia</option>
   <option value='Nauru' title='Nauru'>Nauru</option>
   <option value='Nepal' title='Nepal'>Nepal</option>
   <option value='Netherlands' title='Netherlands'>Netherlands</option>
   <option value='New Caledonia' title='New Caledonia'>New Caledonia</option>
   <option value='New Zealand' title='New Zealand'>New Zealand</option>
   <option value='Nicaragua' title='Nicaragua'>Nicaragua</option>
   <option value='Niger' title='Niger'>Niger</option>
   <option value='Nigeria' title='Nigeria'>Nigeria</option>
   <option value='Niue' title='Niue'>Niue</option>
   <option value='Norfolk Island' title='Norfolk Island'>Norfolk Island</option>
   <option value='Northern Mariana Islands' title='Northern Mariana Islands'>Northern Mariana Islands</option>
   <option value='Norway' title='Norway'>Norway</option>
   <option value='Oman' title='Oman'>Oman</option>
   <option value='Pakistan' title='Pakistan'>Pakistan</option>
   <option value='Palau' title='Palau'>Palau</option>
   <option value='Palestinian Territory, Occupied' title='Palestinian Territory, Occupied'>Palestinian Territory, Occupied</option>
   <option value='Panama' title='Panama'>Panama</option>
   <option value='Papua New Guinea' title='Papua New Guinea'>Papua New Guinea</option>
   <option value='Paraguay' title='Paraguay'>Paraguay</option>
   <option value='Peru' title='Peru'>Peru</option>
   <option value='Philippines' title='Philippines'>Philippines</option>
   <option value='Pitcairn' title='Pitcairn'>Pitcairn</option>
   <option value='Poland' title='Poland'>Poland</option>
   <option value='Portugal' title='Portugal'>Portugal</option>
   <option value='Puerto Rico' title='Puerto Rico'>Puerto Rico</option>
   <option value='Qatar' title='Qatar'>Qatar</option>
   <option value='Réunion' title='Réunion'>Réunion</option>
   <option value='Romania' title='Romania'>Romania</option>
   <option value='Russian Federation' title='Russian Federation'>Russian Federation</option>
   <option value='Rwanda' title='Rwanda'>Rwanda</option>
   <option value='Saint Barthélemy' title='Saint Barthélemy'>Saint Barthélemy</option>
   <option value='Saint Helena, Ascension and Tristan da Cunha' title='Saint Helena, Ascension and Tristan da Cunha'>Saint Helena, Ascension and Tristan da Cunha</option>
   <option value='Saint Kitts and Nevis' title='Saint Kitts and Nevis'>Saint Kitts and Nevis</option>
   <option value='Saint Lucia' title='Saint Lucia'>Saint Lucia</option>
   <option value='Saint Martin (French part)' title='Saint Martin (French part)'>Saint Martin (French part)</option>
   <option value='Saint Pierre and Miquelon' title='Saint Pierre and Miquelon'>Saint Pierre and Miquelon</option>
   <option value='Saint Vincent and the Grenadines' title='Saint Vincent and the Grenadines'>Saint Vincent and the Grenadines</option>
   <option value='Samoa' title='Samoa'>Samoa</option>
   <option value='San Marino' title='San Marino'>San Marino</option>
   <option value='Sao Tome and Principe' title='Sao Tome and Principe'>Sao Tome and Principe</option>
   <option value='Saudi Arabia' title='Saudi Arabia'>Saudi Arabia</option>
   <option value='Senegal' title='Senegal'>Senegal</option>
   <option value='Serbia' title='Serbia'>Serbia</option>
   <option value='Seychelles' title='Seychelles'>Seychelles</option>
   <option value='Sierra Leone' title='Sierra Leone'>Sierra Leone</option>
   <option value='Singapore' title='Singapore'>Singapore</option>
   <option value='Sint Maarten (Dutch part)' title='Sint Maarten (Dutch part)'>Sint Maarten (Dutch part)</option>
   <option value='Slovakia' title='Slovakia'>Slovakia</option>
   <option value='Slovenia' title='Slovenia'>Slovenia</option>
   <option value='Solomon Islands' title='Solomon Islands'>Solomon Islands</option>
   <option value='Somalia' title='Somalia'>Somalia</option>
   <option value='South Africa' title='South Africa'>South Africa</option>
   <option value='South Georgia and the South Sandwich Islands' title='South Georgia and the South Sandwich Islands'>South Georgia and the South Sandwich Islands</option>
   <option value='South Sudan' title='South Sudan'>South Sudan</option>
   <option value='Spain' title='Spain'>Spain</option>
   <option value='Sri Lanka' title='Sri Lanka'>Sri Lanka</option>
   <option value='Sudan' title='Sudan'>Sudan</option>
   <option value='Suriname' title='Suriname'>Suriname</option>
   <option value='Svalbard and Jan Mayen' title='Svalbard and Jan Mayen'>Svalbard and Jan Mayen</option>
   <option value='Swaziland' title='Swaziland'>Swaziland</option>
   <option value='Sweden' title='Sweden'>Sweden</option>
   <option value='Switzerland' title='Switzerland'>Switzerland</option>
   <option value='Syrian Arab Republic' title='Syrian Arab Republic'>Syrian Arab Republic</option>
   <option value='Taiwan, Province of China' title='Taiwan, Province of China'>Taiwan, Province of China</option>
   <option value='Tajikistan' title='Tajikistan'>Tajikistan</option>
   <option value='Tanzania, United Republic of' title='Tanzania, United Republic of'>Tanzania, United Republic of</option>
   <option value='Thailand' title='Thailand'>Thailand</option>
   <option value='Timor-Leste' title='Timor-Leste'>Timor-Leste</option>
   <option value='Togo' title='Togo'>Togo</option>
   <option value='Tokelau' title='Tokelau'>Tokelau</option>
   <option value='Tonga' title='Tonga'>Tonga</option>
   <option value='Trinidad and Tobago' title='Trinidad and Tobago'>Trinidad and Tobago</option>
   <option value='Tunisia' title='Tunisia'>Tunisia</option>
   <option value='Turkey' title='Turkey'>Turkey</option>
   <option value='Turkmenistan' title='Turkmenistan'>Turkmenistan</option>
   <option value='Turks and Caicos Islands' title='Turks and Caicos Islands'>Turks and Caicos Islands</option>
   <option value='Tuvalu' title='Tuvalu'>Tuvalu</option>
   <option value='Uganda' title='Uganda'>Uganda</option>
   <option value='Ukraine' title='Ukraine'>Ukraine</option>
   <option value='United Arab Emirates' title='United Arab Emirates'>United Arab Emirates</option>
   <option value='United Kingdom' title='United Kingdom'>United Kingdom</option>
   <option value='United States' title='United States'>United States</option>
   <option value='United States Minor Outlying Islands' title='United States Minor Outlying Islands'>United States Minor Outlying Islands</option>
   <option value='Uruguay' title='Uruguay'>Uruguay</option>
   <option value='Uzbekistan' title='Uzbekistan'>Uzbekistan</option>
   <option value='Vanuatu' title='Vanuatu'>Vanuatu</option>
   <option value='Venezuela, Bolivarian Republic of' title='Venezuela, Bolivarian Republic of'>Venezuela, Bolivarian Republic of</option>
   <option value='Viet Nam' title='Viet Nam'>Viet Nam</option>
   <option value='Virgin Islands, British' title='Virgin Islands, British'>Virgin Islands, British</option>
   <option value='Virgin Islands, U.S.' title='Virgin Islands, U.S.'>Virgin Islands, U.S.</option>
   <option value='Wallis and Futuna' title='Wallis and Futuna'>Wallis and Futuna</option>
   <option value='Western Sahara' title='Western Sahara'>Western Sahara</option>
   <option value='Yemen' title='Yemen'>Yemen</option>
   <option value='Zambia' title='Zambia'>Zambia</option>
   <option value='Zimbabwe' title='Zimbabwe'>Zimbabwe</option>
   </select></div>
<div class='multiline_add'>
<div class='clear'></div><div id='error-message-input_custom_28'></div></div>

<div class='clear'></div><div class='multiline_start'>
<label>Passport Number</label><input maxlength='150' size='30' class=' validate['required','alpha']' title='' type='text' value='' name='input_text_30' /></div>
<div class='multiline_add'><div class='clear'></div><div id='error-message-input_text_30'></div></div>

<div class='clear'></div><div class='multiline_start'>    
<label>Passport Expiry Date</label><input maxlength='150' size='16' class=' validate['required','target:input_datetime_34_clone_id'] cf_date_picker' title='' type='text' value='' name='input_datetime_34' /></div>
<div class='multiline_add'><div class='clear'></div><div id='error-message-input_datetime_34'></div></div>
<div class='clear' ></div><div>{$button}</div></div>
";
}
?>

works fine for creating the forms with dynamic id, but on the form submit event, i need to email any number of form data. for example this works fine http://myseruethiopia.com/index.php/reservations/itenaries-package-tour.html this form send email to the reception when ever their is request, just like this i need the air ticket reservation works the same, it works fine for the first data, but not for those dynamically created items.

this is what i need to work. any help is appreciated.