<form action="bookingConfirmationPage.jsp" method="post">
                    <label for="roomSelection">Select Room:</label>
                    <select id="roomSelection" name="room">
                        <option value="room1">Room 1 - $100 per night</option>
                        <option value="room2">Room 2 - $120 per night</option>
                        <option value="room3">Room 3 - $90 per night</option>
                        <!-- Add options for more rooms -->
                    </select>
                    <div class="dropdown">
                        <label for="dropdown-toggle" class="dropdown-toggle">1客房，1房客▾</label>
                        <div class="dropdown-content">
                            <label for="guests">房客：</label>
                            <button id="guests-minus">-</button>
                            <span id="guests-count">1</span>
                            <button id="guests-plus">+</button>
                            <label for="room-adults">每客房成人人数：</label>
                            <button id="room-adults-minus">-</button>
                            <span id="room-adults-count">1</span>
                            <button id="room-adults-plus">+</button>
                            <label for="children">儿童：</label>
                            <button id="children-minus">-</button>
                            <span id="children-count">0</span>
                            <button id="children-plus">+</button>
                            <div id="children-ages-container"></div>
                        </div>
                    </div>

                    <script>
                        // 获取下拉框的元素
                        var dropdownToggle = document.querySelector(".dropdown-toggle");
                        var dropdownContent = document.querySelector(".dropdown-content");
                        // 获取儿童年龄容器的元素
                        var childrenAgesContainer = document.getElementById("children-ages-container");

                        // 点击下拉框的事件处理程序
                        dropdownToggle.addEventListener("click", function() {
                            if (dropdownContent.style.display === "none") {
                                dropdownContent.style.display = "block";
                            } else {
                                dropdownContent.style.display = "none";
                            }
                        });

                        // 获取加减按钮和计数器的元素
                        var guestsMinusBtn = document.getElementById("guests-minus");
                        var guestsCount = document.getElementById("guests-count");
                        var guestsPlusBtn = document.getElementById("guests-plus");
                        var roomAdultsMinusBtn = document.getElementById("room-adults-minus");
                        var roomAdultsCount = document.getElementById("room-adults-count");
                        var roomAdultsPlusBtn = document.getElementById("room-adults-plus");
                        var childrenMinusBtn = document.getElementById("children-minus");
                        var childrenCount = document.getElementById("children-count");
                        var childrenPlusBtn = document.getElementById("children-plus");

                        // 更新下拉框显示的内容
                        function updateDropdownText() {
                            var guests = parseInt(guestsCount.innerText);
                            var roomAdults = parseInt(roomAdultsCount.innerText);
                            var children = parseInt(childrenCount.innerText);
                            var totalGuests = guests * (roomAdults + children);
                            dropdownToggle.innerText = guests + "客房，" + totalGuests + "房客 ";
                        }

                        // 房客数减少按钮的点击事件处理程序
                        guestsMinusBtn.addEventListener("click", function() {
                            var count = parseInt(guestsCount.innerText);
                            if (count > 1) {
                                guestsCount.innerText = count - 1;
                                updateDropdownText();
                            }
                        });

                        // 房客数增加按钮的点击事件处理程序
                        guestsPlusBtn.addEventListener("click", function() {
                            var count = parseInt(guestsCount.innerText);
                            if (count < 2) {
                                guestsCount.innerText = count + 1;
                                updateDropdownText();
                            }
                        });

                        // 每客房成人人数减少按钮的点击事件处理程序
                        roomAdultsMinusBtn.addEventListener("click", function() {
                            var count = parseInt(roomAdultsCount.innerText);
                            if (count > 1) {
                                roomAdultsCount.innerText = count - 1;
                                updateDropdownText();
                            }
                        });

                        // 每客房成人人数增加按钮的点击事件处理程序
                        roomAdultsPlusBtn.addEventListener("click", function() {
                            var count = parseInt(roomAdultsCount.innerText);
                            if (count < 9) {
                                roomAdultsCount.innerText = count + 1;
                                updateDropdownText();
                            }
                        });

                        // 儿童人数减少按钮的点击事件处理程序
                        childrenMinusBtn.addEventListener("click", function() {
                            var count = parseInt(childrenCount.innerText);
                            if (count > 0) {
                                childrenCount.innerText = count - 1;
                                removeChildAgeSelect();
                                updateDropdownText();
                            }
                        });

                        // 儿童人数增加按钮的点击事件处理程序
                        childrenPlusBtn.addEventListener("click", function() {
                            var count = parseInt(childrenCount.innerText);
                            if (count < 4) {
                                childrenCount.innerText = count + 1;
                                createChildAgeSelect(count + 1);
                                updateDropdownText();
                            }
                        });
                        
                        // 创建儿童年龄选择框
                        function createChildAgeSelect(childIndex) {
                            var childAgeSelect = document.createElement("select");
                            childAgeSelect.id = "child-age-" + childIndex;
                            childAgeSelect.name = "childAge" + childIndex;

                            // 添加年龄选项
                            var ageOptions = ["0岁", "1岁", "2岁"];
                            for (var i = 0; i < ageOptions.length; i++) {
                                var option = document.createElement("option");
                                option.value = i;
                                option.innerText = ageOptions[i];
                                childAgeSelect.appendChild(option);
                            }

                            childrenAgesContainer.appendChild(childAgeSelect);
                        }

                        // 删除最后一个儿童年龄选择框
                        function removeChildAgeSelect() {
                            var lastChildIndex = parseInt(childrenCount.innerText) + 1;
                            var lastChildAgeSelect = document.getElementById("child-age-" + lastChildIndex);
                            if (lastChildAgeSelect) {
                                childrenAgesContainer.removeChild(lastChildAgeSelect);
                            }
                        }
                    </script>

                    <label for="specialRate">Special Rate:</label>
                    <select id="specialRate" name="specialRate">
                        <option value="none">No Special Rate</option>
                        <option value="government">Government/Military</option>
                        <option value="business">Business</option>
                        <option value="special offer number">特惠编号</option>
                        <option value="company or group number">公司或团体编号</option>
                    </select>
                    <div id="specialNumberContainer" style="display: none;">
                        <label for="specialNumber">Special Number:</label>
                        <input type="text" id="specialNumber" name="specialNumber">
                    </div>
                    
                    <div id="companyNumberContainer" style="display: none;">
                        <label for="companyNumber">Company/Group Number:</label>
                        <input type="text" id="companyNumber" name="companyNumber">
                    </div>

                    <script>
                        var specialRateSelect = document.getElementById("specialRate");
                        var specialNumberContainer = document.getElementById("specialNumberContainer");
                        var companyNumberContainer = document.getElementById("companyNumberContainer");

                        specialRateSelect.addEventListener("change", function() {
                            if (specialRateSelect.value === "special offer number") {
                                specialNumberContainer.style.display = "block";
                                companyNumberContainer.style.display = "none";
                            }
                            else if (specialRateSelect.value === "company or group number"){
                                companyNumberContainer.style.display = "block";
                                specialNumberContainer.style.display = "none";
                            }
                            else {
                                specialNumberContainer.style.display = "none";
                                companyNumberContainer.style.display = "none";
                            }
                        });
                    </script>
                    
                    <label for="usePoints">Use Points:</label>
                    <input type="checkbox" id="usePoints" name="usePoints">
                    <label for="accessibleRoom">Accessible Room:</label>
                    <input type="checkbox" id="accessibleRoom" name="accessibleRoom">
                    <label for="checkInDate">Check-in Date:</label>
                    <input type="date" id="checkInDate" name="checkInDate">
                    <label for="checkOutDate">Check-out Date:</label>
                    <input type="date" id="checkOutDate" name="checkOutDate">
                    <input type="submit" value="Submit">
                </form>
bookingConfirmationPage.jsp内容为显示客房和套房的选择并预定，请给出相关代码