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

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

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

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

标签:

相关文章

怎么样合并一个或多个PDF文件?

经常有小伙伴问丁老师,说扫描出来的PDF图片,都是一个一个的,怎么样把他们合并成一个文件呢?我说你去下载一个PDF工具就好了呀,有某某PDF共阅读器、编辑器嘛。小伙伴说不行呀丁老师,因为网上的这些PDF工具有以下缺点:1.体积太大。动辄...

PHP分割字符串换行的方法nl2br

有同学提问,使用PHP在处理textarea提交的内容时,里边内容是换行了的,怎么把这些内容给解析为ul li格式呢?如:<ul<li aaa</li<li bbb </li</ul 其实很简单,使用...

使用ACME申请SSL证书提示Error c...

在使用ACME申请SSL证书时,输入了命令:acme.sh --issue -d www.xxx.com --dns dns_dp --server xxx来生成证书,但是结果却返回:Error creating new order. ...

FastAdmin add/edit方法不更...

问题:fastadmin的add/edit方法无法保存数据,检查了页面,name=row['name']正常传送,检查controller,也是默认的方法,什么也没有动可就是无法保存数据。解决:经过仔细研究发现,原来是h...

推荐文章

FastAdmin btn-dialog按钮...

fastadmin里自定义按钮的btn-dialog,弹出窗口时默认大小,设置了data-area无效,经过研究后,发现了可用的方法,直接上代码不废话:table.on('post-body.bs.table',functi...

Uniapp开发微信小程序时,微信开发者工具...

在使用uniapp开发微信小程序,微信开发者工具调试时,明明已经给了获取位置权限,但还是提示需要打开gps获取位置,具体解决办法如下:打开uniapp的manifest.json文件,切换到源码模式,找到mp-weixin节点"p...

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

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

Android Studio 打包APP制作...

在使用android studio打包app时,需要制作JKS证书,具体的命令如下:D:\Program Files\Java\jre1.8.0_301\bin keytool -genkey -v -keystore dlq6.jks -...

当前在线
免费咨询