这个select2组件的功能确实很强大,可以将图片放入到select里面随着文字一起显示。接下来通过本文给大家分享BootStrap与Select2使用小结,需要的朋友参考下
这个select2组件的功能确实很强大,可以将图片放入到select里面随着文字一起显示。
组件的下载地址以及API说明地址:
1、Select2使用示例地址:https://select2.github.io/examples.html 、http://select2.github.io/select2/
2、Select2参数文档说明:https://select2.github.io/options.html
3、Select2源码:https://github.com/select2/select2
效果图:
HTML代码:
@{ Layout = "~/Views/Shared/_Layout.cshtml"; } @**@ 默认
AlaskaHawaii CaliforniaNevadaOregonWashington ArizonaColoradoIdahoMontanaNebraskaNew MexicoNorth DakotaUtahWyoming AlabamaArkansasIllinoisIowaKansasKentuckyLouisianaMinnesotaMississippiMissouriOklahomaSouth DakotaTexasTennesseeWisconsin ConnecticutDelawareFloridaGeorgiaIndianaMaineMarylandMassachusettsMichiganNew HampshireNew JerseyNew YorkNorth CarolinaOhioPennsylvaniaRhode IslandSouth CarolinaVermontVirginiaWest Virginia
----------------------------------------------------
1、可搜索选项
AlaskaHawaii CaliforniaNevadaOregonWashington ArizonaColoradoIdahoMontanaNebraskaNew MexicoNorth DakotaUtahWyoming AlabamaArkansasIllinoisIowaKansasKentuckyLouisianaMinnesotaMississippiMissouriOklahomaSouth DakotaTexasTennesseeWisconsin ConnecticutDelawareFloridaGeorgiaIndianaMaineMarylandMassachusettsMichiganNew HampshireNew JerseyNew YorkNorth CarolinaOhioPennsylvaniaRhode IslandSouth CarolinaVermontVirginiaWest Virginia