weui的頁面內搜尋功能實現demo

2021-08-21 04:22:55 字數 458 閱讀 7388

下面是html：

取消
下面是被搜尋的主體：

體脂        


血壓
js**實現:三個函式分別為繫結change事件，取消搜尋，和clear（搜尋框裡的 × ）事件

$('#searchinput').bind('input propertychange', function()  else 


});}


});function cancel()


function clear()
原理是輸入框觸發change事件，監聽輸入框內容，遍歷被搜尋的主體，如果   $self.text().search(text)  的值大於-1  ，那麼代表改元素包含搜尋框的內容，反之不包含，改變樣式，讓其隱藏。

用Js實現頁面按名字搜尋功能

在檢視中可以建立這樣乙個空的標籤 js 獲取檢視中輸入的名字的資訊,並發出post請求，將收到的資訊填入層中 function 在載入頁面之前也載入一遍資料，防止在未搜尋的時候沒有任何資料 控制器 將資料從資料庫中取出，放到乙個indextable的分布檢視中 public listgetlistb...

頁面搜尋的簡單實現

整個body放在乙個dom裡面 彈窗在這裡 搜尋 上乙個下乙個 取消搜尋 css裡面加個樣式，也可以根據需求自定義 res result邏輯 var oldkey var index 1 var previous function var next function reset if index o...

iOS 搜尋功能的實現

模仿iphone手機通訊錄 專案之前實現了拼音排序 通訊錄的設計。現在給通訊錄增加搜尋功能。原介面如下 搜尋功能主要依靠 uisearchbar uisearchdisplaycontroller來實現 第一步 初始化 初始化searbar 和seardisplaycontroller 以及 對應的...