如何在引导中使用selectpicker下拉框

如何在引导中使用selectpicker下拉框?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

<强>使用方法如下

<强> 1,首先需要引入的css和javascript:

,,,bootstrap.css
,,,bootstrap-select.min.css
,,,jquery-1.11.3.min.js
,,,bootstrap.min.js
,,,bootstrap-select.min。js

<强> 2,js代码如下:

$(()函数,{, 　　美元才能“.selectpicker" .selectpicker ({, 　　,,noneSelectedText :, & # 39;请选择& # 39;//默认显示内容, 　　});才能 //数据赋值, 　　var  select =, (“# slpk");美元, 　　select.append (“& lt; option 价值=https://www.yisu.com/zixun/' 1 '>香蕉> 苹果> 橘子 "); 　　选择。追加(“<选项值=' 4 '>石榴 "); 　　选择。追加(“<选项值=' 5 '>棒棒糖 "); 　　选择。追加(“<选项值=' 6 '>桃子 "); 　　选择。append(“<选项值=' 7 '>陶子> //初始化刷新数据, 　　,美元(窗)内(& # 39;负载# 39;,,()函数,{, 　　美元才能(& # 39;.selectpicker& # 39;) .selectpicker(& # 39;刷新# 39;),, 　　,}); 　　});

<强> 3,jsp内容:

& lt; select  id=皊lpk",类=皊electpicker", data-live-search=皌rue", multiple> & lt;/select>

设置多个时为多选,data-live-search=皌rue"时显示模糊搜索框,不设置或等于错误时不显示。

<强> 4,其他方法:

获取已选的项:

var  selectedValues =, [];,, 　　slpk: selected") . each(函数(){, 　　selectedValues.push($(这).val ()),, 　　});

选择指定项(编辑回显使用):

,,,,,,,单选:$ (& # 39;.selectpicker& # 39;) .selectpicker (& # 39; val # 39;,“列表id # 39;);

,,,,,,,多选:var arr=str.split (& # 39; & # 39;);$ (& # 39;.selectpicker& # 39;) .selectpicker (& # 39; val # 39;, arr);

<强> 5,附上我的源码,下拉数据通过ajax从后台获取:

$(()函数,{, 　　美元才能“.selectpicker" .selectpicker ({, 　　,,noneSelectedText :, & # 39;请选择& # 39;, 　　,,}); 　　美元才能(窗)内(& # 39;负载# 39;,,()函数,{, 　　,,美元(& # 39;.selectpicker& # 39;) .selectpicker (& # 39; val # 39;,, & # 39; & # 39;),, 　　,,美元(& # 39;.selectpicker& # 39;) .selectpicker(& # 39;刷新# 39;),, 　　,,});//下才能拉数据加载, 　　,$ . ajax({大敌; 　　,才能type :, & # 39;得到# 39;,, 　　,,url :, basePath  +,“lictran/tranStation/loadRoadForTranStationDetail",, 　　,,dataType :, & # 39; json # 39;,, 　　,,success :,功能(数据),{//返回列表数据并循环获取, 　　,,,var  select =, (“# slpk");美元, 　　,,,for  (var 小姐:=,0;,小姐:& lt;, datas.length;,我+ +),{, 　　,,,,select.append (“& lt; option 价值=https://www.yisu.com/zixun/的“+数据[我].ROAD_CODE +”>“ 　　+数据[我]。ROAD_NAME + ">

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对的支持。

如何在引导中使用selectpicker下拉框