小孩人数改为下拉框

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

@@ -42,38 +42,57 @@
 						</div>
 						
 							<h4>Children</h4>
-                <div class="peopleSelect" >
+							<div class="kids_age">
-                    <span class="formMemo">
+							<p style="margin-bottom: 5px;">10-17 yrs old</p>
-                        10-17 years old
+							<select class="country_code" id="teenagerNumber" name="teenagerNumber">
-                    </span>
+								<option value="0">0
-                    <div class="numberBtn">
+								</option>
-                        <input class="minaddBtn reducechild" id="minusTeenager" type="button" value="-">
+								<option value="1">1
-                        <input class="kidNum" type="text" id="teenagerNumber" value="0" name="teenagerNumber">
+								</option>
-                        <input class="minaddBtn addchild" id="plusTeenager" type="button" value="+">
-                    </div>
-                </div>
 							
-                <div class="peopleSelect">
+											<option value="2">2
-                    <span class="formMemo">
+											</option>
-                        3-9 years old
+											<option value="3">3
-                    </span>
+											</option>
-                    <div class="numberBtn">
+											<option value="4">4
-                        <input class="minaddBtn reducechild" id="minusChildren" type="button" value="-">
+											</option>
-                        <input class="kidNum" type="text" id="childrenNumber" value="0" name="childrenNumber">
+											</select>
-                        <input class="minaddBtn addchild" id="plusChildren" type="button" value="+">
-                    </div>
 										</div>
-                <div class="peopleSelect">
+										<div class="kids_age">
-                    <span class="formMemo">
+											<p style="margin-bottom: 5px;">3-9 yrs old</p>
-                        0-2 years old
+											<select class="country_code" id="childrenNumber" name="childrenNumber">
-                    </span>
+												<option value="0">0
-                    <div class="numberBtn">
+												</option>
-                        <input class="minaddBtn reducechild" id="minusInfant" type="button" value="-">
+												<option value="1">1
-                        <input class="kidNum" type="text" id="infantNumber" value="0" name="infantNumber">
+												</option>
-                        <input class="minaddBtn addchild" id="plusInfant" type="button" value="+">
+												
+															<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;">0-2 yrs old</p>
+															<select class="country_code" id="infantNumber" name="infantNumber">
+																<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>
 							
+               
+  
+
 		<input class="InquiryCalendar datepicker" id="starting_date" name="starting_date" placeholder="Starting date *" readonly="readonly" type="text" value="" />
         <div id="starting_date_errmsg" style="display: none">
         <div class="requiredArea" style="margin-top:-10px;">Please enter your starting date.</div> </div>