<ｓｃｒｉｐｔ> const form = document.getElementById("booking-form");const results = document.getElementById("results");form.addEventListener("submit", (e) => {e.preventDefault();const formData = new FormData(form);const checkIn = formData.get("check-in");const checkOut = formData.get("check-out");const adults = formData.get("adults");const children = formData.get("children");const hotel = formData.get("hotel");// 这里需要与后端数据库交互以获取可用房间和价格// 假设已从数据库获取以下数据：const rooms = [{hotel: "重庆解放碑皇冠假日酒店",roomType: "标准间",price: 300,},{hotel: "重庆解放碑皇冠假日酒店",roomType: "豪华间",price: 500,},{hotel: "重庆南山丽笙酒店",roomType: "标准间",price: 400,},{hotel: "重庆南山丽笙酒店",roomType: "豪华间",price: 600,},{hotel: "重庆希尔顿酒店",roomType: "标准间",price: 500,},{hotel: "重庆希尔顿酒店",roomType: "豪华间",price: 700,},{hotel: "重庆威斯汀大酒店",roomType: "标准间",price: 600,},{hotel: "重庆威斯汀大酒店",roomType: "豪华间",price: 800,},{hotel: "重庆凯悦酒店",roomType: "标准间",price: 700,},{hotel: "重庆凯悦酒店",roomType: "豪华间",price: 900,},];// 过滤出符合条件的房间const filteredRooms = rooms.filter((room) => {return (room.hotel === hotel &&room.roomType === "标准间" &&room.price < 500);});// 将符合条件的房间显示在结果列表中results.innerHTML = "";filteredRooms.forEach((room) => {const li = document.createElement("li");li.innerHTML = `${room.hotel} - ${room.roomType} - ￥${room.price}`;results.appendChild(li);});});

上一篇：重庆动物园周围酒店 (重庆动物园周末人流量)

下一篇：重庆特莉丝酒店 (特莉丝新造型)