人数选择修改

application/views/mobile_first/ah-gp-form.php

@@ -17,28 +17,51 @@
     <div class="requiredArea" style="margin-top:-10px;">Please verify your email.</div>
     </div>   
     <div class="selectionBlock">
-        <div class="peopleSelect">
-            <span class="formMemo">
-                Adults (≥12 years old)
-            </span>
-            <div class="numberBtn">
-                <input class="minaddBtn reduceadult" id="minusAdult" type="button" value="-">
-                <input class="number" type="text" id="adultNumber"  readonly value="1" name="adultnumber">
-                <input class="minaddBtn addadult" id="plusAdult"  type="button" value="+">
-            </div>
-        </div>
-        <div class="peopleSelect">
-            <span class="formMemo">
-                Kids (2-11 years old)
-            </span>
-            <div class="numberBtn">
-                <input class="minaddBtn reducechild" id="minusKid" type="button" value="-">
-                <input class="kidNum" type="text" id="kidNumber" readonly value="0" name="kidnumber">
-                <input class="minaddBtn addchild" id="plusKid" type="button" value="+">
-            </div>
-        </div>
-        <div class="clear">
-        </div>
+		<div id="adultBlock" >
+			<p style="margin-bottom: -25px;    font-size: 22px;    margin-top: 80px;    text-align: left;">Select your group number</p>
+				<div class="peopleSelect">
+					<p style="    margin-top: 20px;    text-align: left;    font-size: 22px;    font-weight: 400;">
+						adults and children (≥10 years old)
+				   </p>
+					<button class="minaddBtn reduceadult" id="minusAdult" type="button" value="-">-</button>
+					<input class="number" type="text" value="2" id="adultNumber" name="adult">
+					<button class="minaddBtn addadult" type="button" id="plusAdult" value="+">+</button>
+				</div>
+			</div>
+
+			<div id="childrenBlock" >	
+				<div class="kids_age">
+					<p style="margin-bottom: 5px;">children (3-9 yrs old)</p>
+					<select class="kids_number" id="childrenNumber" name="children_3_9_yrs">
+						<option value="0">0
+						</option>
+						<option value="1">1
+						</option>
+
+						<option value="2">2
+						</option>
+						<option value="3">3
+						</option>
+						<option value="4">4
+						</option>
+					</select>
+				</div>
+				<div class="kids_age">
+					<p style="margin-bottom: 5px;">children (0-2 yrs old)</p>
+					<select class="kids_number" id="infantNumber" name="infant_0_2_yrs">
+						<option value="0">0
+						</option>
+						<option value="1">1
+						</option>
+						<option value="2">2
+						</option>
+						<option value="3">3
+						</option>
+						<option value="4">4
+						</option>
+					</select>
+				</div>
+			</div>
     </div>
 
     <select name="country_code" class="country_code">