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

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

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

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

标签:

相关文章

Mysql导入数据库时出现Unknown c...

有同学提问,在使用mysql导入数据库时,出现了Unknown collation: 'utf8mb4_0900_ai_ci'的错误,是怎么回事呢?其实这是因为,导出数据时,用的是mysql高版本的数据库,一般来说是8....

Nginx环境下php下缓存问题的解决

nginx环境下php缓存问题的解决

低成本的政企软件系统维护服务

开源节流,控制生产成本,限制开销,是每个企业和单位都要采取的成本控制和管理措施。其中,人力成本是企业在经营中支出占比较大的一块。以IT信息化部门为例,一个负责企业软件系统运维的IT部门,至少需要配置3个员工,每个员工按照IT工程师3-5...

PHP网页报DOMDocument::loa...

PHP网站,网页打开不正常,显示“DOMDocument::loadHTML(): Tag header invalid in Entity”错误代码,是怎么回事呢?其实,这是php程序中,使用了new DOMDocument的load...

推荐文章

photoshop打不开任何文件的解决方法

有同学反应,在使用photoshop时,忽然文件打不开了,先后试了下psd格式、jpg格式、png格式的,等等等等,全都打不开,重启了电脑也不行,这是怎么回事呢?经过丁老师研究后发现,这是因为安装的是非正版photoshop,在使用时,没有...

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

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

PhpStorm怎么取消html文件中sty...

phpstorm程序中,在打开html时总会出现对 style属性的折叠和隐藏,这样在检查代码的时候非常不直观,容易漏掉很多东西,非常的不方便,如图:

IDEA IDE换行自动显示的}括号如何去掉

在使用idea旗下的产品,如intellij idea,php storm,web storm时,有的时候编辑前端页面JS,在换行时经常会自动出现个}大括号,这一点程序不是很智能,其实后边都已经有括号了。比如下图这样:那么如何解决这个问题呢...

当前在线
免费咨询