select搜尋功能實現

阿新 • • 發佈：2019-01-31

function putValueToInput(){ var telUserName= document.getElementById("telUserName"); var perpage=telUserName.options[telUserName.selectedIndex].text; var input=document.getElementById("input"); input.value=perpage; } function inputValue

(){ var input=document.getElementById("input").value; var telUserName= document.getElementById("telUserName"); var options=telUserName.getElementsByTagName("option"); var div=document.getElementById("DIV"); div.innerHTML=""; var

a = 0; for(var i=options.length-1;i>=1;i--){ var optionText=options[i].text; if(optionText.indexOf(input) >= 0){ div.style.display='block'; div.innerHTML+="<span style='font-size: 12px;' onclick='getVlaue(this)'>"

+optionText+"</span><br/>"; a++; } } if(a==0){ div.style.display='none'; } } function getVlaue(obj){ var telUserName= document.getElementById("telUserName"); var options=telUserName.getElementsByTagName("option"); var div=document.getElementById("DIV"); for(var i=options.length-1;i>=1;i--){ var optionText=options[i].text; var optionValue=options[i].value; if(obj.innerHTML==optionText){ telUserName.value=optionValue; document.getElementById("input").value=optionText; div.style.display='none'; div.innerHTML=""; } } }

select搜尋功能實現

select搜尋功能實現

TP5 自帶分頁搜尋功能實現

程式碼總結：文字欄關鍵字搜尋功能實現

easyUI 的easyui-treegrid 搜尋功能實現。

電商專案day11(商品搜尋功能實現&排序&結果分頁)

day73_淘淘商城專案_06_solr索引庫搭建 + solr搜尋功能實現 + 圖片顯示等問題解決_匠心筆記

day73_淘淘商城專案_06_搜尋工程的搭建 + linux下solr索引庫的搭建 + 把商品資料匯入到索引庫中(後臺) + 商品搜尋功能實現(前臺) + 圖片顯示等問題解決_匠心筆記

SearchView+RecyclerView+GreenDao的搜尋功能實現（2）

android 藍芽搜尋功能實現

bootstrap-select外掛實現下拉框搜尋功能

node實現電影列表排序、按照區間查詢功能、去重功能、搜尋功能

Android開發：Toolbar與SearchView實現搜尋功能

《商城專案05》--用Solr實現商品搜尋功能

原生javascript實現分頁效果+搜尋功能

python+openCV實現簡單的圖片搜尋功能（一）

vue 實現模糊搜尋功能，vue-element ui改編input模糊查詢

Android 實現ListView的A-Z字母排序和過濾搜尋功能，實現漢字轉成拼音

基於jQuery實現頁面搜尋功能

Django 實現搜尋功能、分頁功能和個人理解

vue實現搜尋功能

select搜尋功能實現

相關推薦