新增delete功能

application/third_party/order/views/confirm_order.php

@@ -35,7 +35,7 @@
 
 
 		.wholeWrap2 {
-			background: #000;
+			background: #555;
 			width: 100%;
 			display: inline-block;
 			margin-bottom: -4px;
@@ -434,6 +434,7 @@ select.gender_pick {border: 1px solid #d1d1d1;
 						<div id="passport_error_msg" class="hidden">Please enter your passport number.</div>
 
 						<select class="country_code" name="nationality[]">
+							<option disabled >Select your nationality</option>
                                                 <option value="18">Australia</option>
                                                 <option value="5">Canada</option>
                                                 <option value="1">China</option>
@@ -675,7 +676,7 @@ select.gender_pick {border: 1px solid #d1d1d1;
 											<div class="inputTerm" id='phoneNumberDiv'>
 												<input type="text" name="mobile" required="" class="number">
 												<label>
-													Phone number
+													Phone number including country code and area code
 												</label>
 											</div>
 						<div class="selectionBlock">
@@ -706,8 +707,8 @@ select.gender_pick {border: 1px solid #d1d1d1;
 							<option value="Self-emloyed person">Self-emloyed person</option>
 							<option value="Others">Others</option>
 						</select>
-					</div>
 					<button class="add_traveler_button" id="add_traveler_button" type="button">+ Add a traveler</button>
+					</div>
 				</div>
 
 
@@ -933,13 +934,25 @@ select.gender_pick {border: 1px solid #d1d1d1;
   $(function() {
     var $travelerTemplate = $(".traveler_info:first").clone();
     //添加客户
-    $("#add_traveler_button").click(function() {
+    $("#add_traveler_button").click(function () {addTraveler()});
+
+    function addTraveler() {
+      var travelerCount = $(".traveler_info").length + 1;
+      var travelerId = 'traveler' + travelerCount;
       var $addTraveler = $travelerTemplate.clone();
+      $addTraveler.attr('id', travelerId);
       $addTraveler.find('#phoneNumberDiv').remove();
-      var travelerCount = $(".traveler_info").length + 1;
       $addTraveler.find('[data-header]').text('Traveler ' + travelerCount);
-      $('#add_traveler_button').before($addTraveler);
+
-    });
+      $addTravelerButton = $addTraveler.find('#add_traveler_button');
+      $addTravelerButton.attr('id', 'add_traveler_button' + travelerCount);
+      $addTravelerButton.click(function(){addTraveler()});
+
+      $deleteTravelerButton = $('<button class="add_traveler_button" type="button">- Delete Travel ' + travelerCount + '</button>');
+      $deleteTravelerButton.click(function(){$('#'+travelerId).remove();});
+      $addTraveler.append($deleteTravelerButton);
+      $(".traveler_info:last").after($addTraveler);
+    }
   });
 	</script>
 </body>