<script>
function search() {// 获取搜索关键词var keyword = document.querySelector('.search-bar').value;// 根据关键词查询民宿信息// 这里假设有个查询函数query,返回查询结果var result = query(keyword);// 清空结果列表var resultList = document.querySelector('.result-list');resultList.innerHTML = '';// 遍历查询结果,生成结果列表for (var i = 0; i < result.length; i++) {var item = result[i];var resultItem = document.createElement('div');resultItem.classList.add('result-item');var resultItemTitle = document.createElement('div');resultItemTitle.classList.add('result-item-title');resultItemTitle.innerHTML = item.title;var resultItemDesc = document.createElement('div');resultItemDesc.classList.add('result-item-desc');resultItemDesc.innerHTML = item.desc;var resultItemPrice = document.createElement('div');resultItemPrice.classList.add('result-item-price');resultItemPrice.innerHTML = item.price;resultItem.appendChild(resultItemTitle);resultItem.appendChild(resultItemDesc);resultItem.appendChild(resultItemPrice);resultList.appendChild(resultItem);}}
script>
郑重声明:本文由:
成都旅游于(2024-10-17)发表了关于
成都民宿租赁 (成都民宿出租)的文章。如转载请注明出处!部分文章来源于网络,仅作为参考,如果网站中图片和文字侵犯了您的版权,请联系我们处理!