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

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

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

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

标签:

相关文章

Nginx环境下php页面总是缓存刷新也不行...

nginx环境下php页面总是缓存刷新也不行的解决办法

用AI制作的软件是否可以申请软著?丁老师解答

目前随着AI的不断发展,Vibe Coding的持续普及,诞生了大量的AI软件开发工具(IDE),通过这些工具,可以让一个不懂软件开发的人、没有任何技术能力的人使用AI来开发出想要的软件、网站等等。有同学咨询丁老师,使用AI开发的软件,...

Uniapp提示adb: failed to...

在使用Uniapp开发APP真机调试,第一次运行时,提示:09:35:37.783 adb: failed to install C:\Program Files\HBuilderX\plugins\launcher\base\andr...

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

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

推荐文章

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

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

Python3.12提示windows No...

在使用python3.12时突然遇到提示windows No module named distutils,研究了一下,把解决办法分享出来。1.安装 setuptools,它现在也提供 distutils;2.从第三方源(如系统软件包)载入...

Photoshop宽度像素和网页宽度像素不一...

在用photoshop设计时,有的同学会发现,在网页中设置的宽度1000px,截屏后,再用photoshop打开后测量同样图像的宽度时,这个宽度就不是1000像素,而是1200多甚至1300多,是个很奇怪的问题,丁老师检查了photosho...

Tortoise Svn出现No Path ...

在日常开发过程中,突然发现svn无法提交和更新,出现“no path or pathfile specified on the command line”的错误,网上搜了一圈百度 google 以及stack overflow都没找到真正能...