bootstrap中select的使用(selectpicker)

您所在的位置:网站首页 bootstrap-select动态绑定选项 bootstrap中select的使用(selectpicker)

bootstrap中select的使用(selectpicker)

2024-07-14 21:45| 来源: 网络整理| 查看: 265

目录 selectpicker简介 一些api 1.multiple 2.data-none-selected-text 3.data-style 4.data-show-tick、data-live-search、data-none-results-text、data-actions-box、data-select-all-text、data-deselect-all-text 通过js控制 一些其他api selectpicker("refresh") 使用Ajax从服务器获取数据实现二级联动 前端代码 后端代码 总结

selectpicker简介

在html中select是原生的html元素,通过引入css,js链接并且给select元素添加selectpicker类可以使用bootstrap风格的选择器:

(这个网址加载速度较慢,建议把css,js文件下载下来放到本地文件夹中引用。否则自己的网站加载也会很慢) 效果如下: 默认selectpicker

一些api

可以通过添加一些属性构建个性的select。

1.multiple

可以使select变为复选,即可以选多个。这时调用$("#selectId").val()返回的是一个数组(如果没有选择,返回null)。

hello world! hello world! hello world!

效果如下: 在这里插入图片描述

2.data-none-selected-text

修改select无选择时显示的文字。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3