条件筛选

区域： <ｓｅｌｅｃｔ id="district"> 全部 渝中区 江北区 南岸区 北碚区 沙坪坝区 价格范围： <ｓｅｌｅｃｔ id="price"> 全部 0-100元 100-200元 200-300元 300元以上 关键词：

搜索结果

<ｓｃｒｉｐｔ> // 根据条件查询酒店document.querySelector('form').addEventListener('submit', (e) => {e.preventDefault();const district = document.querySelector('district').value;const price = document.querySelector('price').value;const keyword = document.querySelector('keyword').value;let result = hotels; // 假设 hotels 是一个酒店列表if (district !== '全部') {result = result.filter(hotel => hotel.district === district);}if (price !== '全部') {const priceRange = price.split('-');const minPrice = parseInt(priceRange[0]);const maxPrice = parseInt(priceRange[1]);result = result.filter(hotel => hotel.price >= minPrice && hotel.price <= maxPrice);}if (keyword) {result = result.filter(hotel => hotel.name.includes(keyword) || hotel.address.includes(keyword));}// 显示搜索结果const resultHtml = result.map(hotel => {return ``;}).join('');document.querySelector('result').innerHTML = resultHtml;});

上一篇：重庆旅游哪个酒店好 (重庆旅游哪个季节比较适合)

下一篇：重庆荒废的酒店 (重庆荒废的酒庄)