首页 > 原创文章 > 软件开发 > 查看文章

bootstrap selectpicker 动态更新后没有显示的解决方法

所属分类:软件开发 来源: 丁老师原创 更新时间:2024-09-18 18:33 浏览: 5029 IP属地: 深圳

selectpicker组件,广泛应用于基于bootstrap的框架中,比如fastadmin框架等。
在使用时,经常有同学问到,在对select进行操作后,比如添加和删除option,但是select没有更新,这是怎么回事呢?请看代码:

$('[name="hello"]').append('<option value="0">New York</option>');
$('[name="hello"]').append('<option value="0">WashingTon</option>');
$('[name="hello"]').append('<option value="0">Chicago</option>');
$('[name="hello"]').append('<option value="0">Philadelphia</option>');


在添加了后,select没有变化,是怎么回事呢?

这是因为,在selectpicker中,显示出来的下拉框,是经过重构的,真实的select其实是被隐藏了。在用jquery对select动态更新后,真实的select是变化了的,只不过重构的下拉框没有刷新,所以就没变化,对这个下拉框执行以下刷新命令就可以啦:

$('[name="hello"]').selectpicker('refresh');

怎么样,简单吧,有什么不懂的,可以咨询丁老实哦~

标签:

相关文章

Shopify模板主题如何设计?全流程规范指...

有使用Shopify做跨境电商的同学咨询,丁老师我想改一下Shopify网站的模板,做一个自定义的主题,该怎么做呢?今天丁老师就这个问题做一下介绍。Shopify创建模板主题的条件1.安装Node.js 20.10以上版本。2.安装No...

Moment.js设置英文为中文的方法

Moment.js是一个不错的时间处理类js封装包,从官网下载默认是英文的,比如moment().format('dddd')显示出来是Tuesday,如果要显示中文的话,有两种方法:1.moment-with-loca...

织梦dedecms上传图片提示Upload ...

最近有读者来函咨询,dedecms在上传图片时提示“Upload filetype not allow”,怎么也上传不了。丁老师在百度查询了后,发现问题的根本原因是php没有上传权限的原因造成的,一般来说是php的临时上传目录,没有写权...

Jquery滚动到指定位置的方法

众所周知,Html可以利用锚点,即<a name的属性来快速定位网页位置,但是那个方法点一下网页直接就跳过去了,用户体验度不是很好。怎么实现网页可以平滑丝滑的滚动到网页指定位置呢?其实很简单,用jquery的animate方法即可...

推荐文章

安装fastadmin提示“你所浏览的页面暂...

安装fastadmin,打开后提示"你所浏览的页面暂时无法访问",无法安装,是因为程序的runtime没有写权限,需要对runtime目录,添加写权限。解决方法:windows:右键目录,写入按钮打勾。如果不行,在“安全...

PDF和图片怎么添加水印

pdf添加水印,可以使用专业的pdf工具,如Adobe Acrobat、福昕PDF阅读器等,支持文字和图片形式的添加水印,支持透明度设置、水印位置设置等。图片添加水印,可以使用photoshop软件,但是photoshop太大了,而且使用起...

微信小程序二次开发需要准备的资料以及流程

最近丁老师软件开发团队收到几个微信小程序二次开发的订单,客户想对他们现有的小程序进行版本迭代和功能升级,但是好多客户在提供资料时都表达不清楚,不是这个不知道就是那个不懂,今天丁老师就微信小程序二次开发,需要准备哪些资料以及流程等问题做一下介...

Uniapp开发微信小程序怎么模拟位置?

废话不多说,直接上货。在微信开发者工具调试栏,找到Sensor(传感器)。Geolocation,勾选启用,下边输入经纬度即可!