背景

創(chuàng)新互聯(lián)是一家專業(yè)從事網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)的網(wǎng)絡(luò)公司。作為專業(yè)網(wǎng)站設(shè)計(jì)公司,創(chuàng)新互聯(lián)依托的技術(shù)實(shí)力、以及多年的網(wǎng)站運(yùn)營(yíng)經(jīng)驗(yàn),為您提供專業(yè)的成都網(wǎng)站建設(shè)、營(yíng)銷(xiāo)型網(wǎng)站及網(wǎng)站設(shè)計(jì)開(kāi)發(fā)服務(wù)！

公司的小二后臺(tái)有一個(gè)下拉框選擇經(jīng)銷(xiāo)商的功能，由于選擇的經(jīng)銷(xiāo)商過(guò)多，因此添加搜索功能。

前提

配置好Bootstrap相關(guān)的開(kāi)發(fā)環(huán)境

主要內(nèi)容

 經(jīng)銷(xiāo)商信息
 

  
  <#foreach dealer in dealerList>
  ${dealer.name!}
  
  
 

其中最主要的是select標(biāo)簽中的兩個(gè)屬性： class=”selectpicker show-tick form-control”和 required data-live-search=”true”。數(shù)據(jù)展示中foreach是模版引擎freemarker的循環(huán)遍歷列表語(yǔ)句，當(dāng)然測(cè)試時(shí)，您可以列幾個(gè)option標(biāo)簽數(shù)據(jù)。

效果圖：

以上這篇使用bootstrap實(shí)現(xiàn)下拉框搜索功能的實(shí)例講解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。