bootstrap select api怎么显示枚举类在select中

来源：蜘蛛抓取(WebSpider) 时间：2016-10-12 08:08 标签： bootstrap select选中
网页实例&/yanshi302
使用bootstrap-select插件来实现下来菜单搜索匹配功能，如图
实现代码如下
&link rel="stylesheet" href="/bootstrap/3.3.4/css/bootstrap.min.css"&
&link rel="stylesheet" href="css/bootstrap-select.min.css"&
&script src="jquery-3.1.0.min.js"&&/script&
&script src="/bootstrap/3.3.4/js/bootstrap.min.js"&&/script&
&script src="js/bootstrap-select.min.js"&&/script&
&form class="form-inline"&
&div class="form-group"&
&label class="col-md-1 control-label" for="lunch"&Lunch:&/label&
&div class="form-group"&
&select id="lunch" class="selectpicker" data-live-search="true" title="Please select a lunch ..."&
&option&Hot Dog, Fries and a Soda&/option&
&option&Burger, Shake and a Smile&/option&
&option&Sugar, Spice and all things nice&/option&
&option&中国&/option&
&option&美国&/option&
&option&日本&/option&
&option&Baby Back Ribs&/option&
&option&A really really long option made to illustrate an issue with the live search in an inline form&/option&
1.导入相关的js和css文件，可自行下载
bootstrap-select：
bootstrap:
2.设置&select&&/select&的属性
class="selectpicker" data-live-search="true"
阅读(...) 评论()温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
//1. 先进行事件绑定$('#channelSel').on('change',& & & & & & & & function () {& & & & & & & & & & alert('onchange');& & & & & & & & });//再运行&selectpicker& & & & & & $('#channelSel').selectpicker();
阅读(2740)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
在LOFTER的更多文章
loftPermalink:'',
id:'fks_095071',
blogTitle:'How to
Listener bootstrap-select
onchange event',
blogAbstract:'//1. 先进行事件绑定$(\'#channelSel\').on(\'change\',& & & & & & & & function () {& & & & & & & & & & alert(\'onchange\');& & & & & & & & });//再运行&selectpicker& & & & & & $(\'#channelSel\').selectpicker();',
blogTag:'bootstrap-select,on',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:8,
permalink:'blog/static/',
commentCount:1,
mainCommentCount:1,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:true,
hostIntro:'',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}bootstrap的多选数据回显
[问题点数：50分，结帖人qq_]
bootstrap的多选数据回显
[问题点数：50分，结帖人qq_]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。bootstrap 中的chosen-select怎么动态添加和删除option_百度知道

我要回帖

更多关于 bootstrap select选中 的文章

 

随机推荐