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

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

所属分类:软件开发 来源: 丁老师原创 更新时间:2024-09-18 18:33 浏览: 4145 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');

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

标签:

相关文章

Bagisto使用常见问题与解决方法

Bagisto是一款强大的跨境电商平台软件,很多客户在初次安装和使用时,会或多或少遇到一些解决不了的情况。丁老师整理了一些常见的Bagisto问题以及解决方法以供查阅。问:安装Bagisto时出现"Command compos...

CI框架页面添加全局变量的方法

CI框架是一款很小却又非常强大的PHP程序框架,非常适合用来搭建中小型网站以及扩展程序。有同学问到,在使用CI框架时,比如要对全站的标题、公司信息、电话等设置一个全局变量,不用每个页面都写死,该怎么办呢?丁老师来教你:1.打开页面的控制...

微信支付提示201 订单号重复的解决办法

问题:在做微信支付对接时,四端(PC+H5+小程序+APP)调用微信支付,出现了201,订单号重复的提示,提交的订单号、金额等信息并没有变,经过仔细检查后,发现是提交的trade_type不同造成的,根据四端在提交时,分别对trade_...

Uniapp开发小程序内的图片扫码

在使用uniapp开发的小程序内,打开图片,长按没有弹出菜单,无法扫码,此时只需在图片上加入show-menu-by-longpress即可完整代码:<image :src="picture" mode=&qu...

推荐文章

CSS常用字体及网页引用方式

1.字体列表及引用链接鸿蒙字体 - B 站400 字重 CSS://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css 500 字重 CSS://s1.hdslb.com/bfs/st...

Mysql导入文件,source命令/php...

用phpmyadmin导入大数据库文件时,容易502 bad gateway,可以直接在linux上用mysql原生命令导入。1.上传sql文件到目录用Xshell登录服务器,将迁移过来的 sql 文件移到 home 目录下,方便下一步的...

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

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

微信小程序从开发到实现微信支付的全过程

微信小程序部分一、完善小程序基本信息1.用管理员账号登录微信小程序(https://mp.weixin.qq.com/);2.左侧菜单选择首页;3.完善小程序的基本信息,包括小程序名称、小程序类目、微信认证、微信备案等。二、小程序开发配置1...