前段時間在做乙個小專案的時候，因為專案需求需要選擇ip,然後就寫成簡單的select下拉框進行選擇，由於ip太多網段太亂
公司人就說能不能實現乙個帶有搜尋的下拉框，然後我通過學習發現bootstrap已經完美的實現了這個功能。
我先看下倆次實現的效果
1.這個是bootstrap的簡單下拉框看著那麼多的ip小夥伴們是不是也眼花繚亂了。
2.下面是使用了帶有搜尋的下拉框,倆個比較一下還是下面那個比較方便吧，下面我們進入正題。
引入必要的css和js檔案,注意jquery一定要在bootstrap.min.js上面。
/bootstrap/css/bootstrap.min.css" rel="stylesheet">
/bootstrap/css/bootstrap-select.css" rel="stylesheet">
第二步：寫乙個jsp頁面實現乙個select框和寫乙個js方法，這樣乙個簡單的帶有搜尋功能的下拉框就完成了.
$(window).on('load', function () );
// $('.selectpicker').selectpicker('hide');
});
下拉框:
123456
789
如果覺得可以請留下你們的贊！謝謝
Bootstrap實現彈性搜尋框
bootstrap是twitter推出的乙個用於前端開發的開源工具包。它由twitter的設計師nlyyejrbmark otto和jacob thornton合作開發,是乙個css html框架。對應的css search input group input group addon search ...
bootstrap實現多個下拉框同時搜尋的例項
1 第乙個下拉框 請選擇資料資源 selected if if list oelpglomlist as entity selected if if list selected if if list 2 第二個下拉框 selected if list 3 後台js url 引數整理 bindeven...
bootstrap實現分頁
2.引入css和js 此處引用的是themeleaf寫法 3.html 修改使用者資訊 刪除使用者資訊 4.script 5.controller部分 在service通過條件查詢獲取指定頁的資料的list listlist userservice.queryall pagesize,pagenum...