V2EX = way to explore V2EX 是一个关于分享和探索的地方
Sign Up Now For Existing Member Sign In
推荐关注 Meteor JSLint - a Javascript code quality tool jsFiddle D3.js WebStorm 推荐书目 Javascript 权威指南第 5 版
Closure: The Definitive Guide
Closure: The Definitive Guide 
This topic created in 3917 days ago, the information mentioned may be changed or developed.
页面上的样式是用bootstrap渲染的
页面上有一个select
<select id="assignModel-role" class="form-control" style="width: 200px;">
<option value="">请选择...</option>
</select>
里面的option是后台获取后通过jq动态添加的，类似这样：
$("#assignModel-role").append("<option value='" + data.id + "'>" + data.name + "</option>");
这样添加后bootstrap没有渲染新添加的内容，所以在下拉列表中就没显示，，，想请教一下如何解决
 | 1 Keita1314 Aug 7, 2015 后台返回的数据正确吗 |
 | 2 dong3580 Aug 7, 2015 用bootstrap中的li标签代替select下拉框实现,另外试试看是不是后台返回数据没返回回来: class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" 如果是ajax请求的,那么出题可能出在 请求方式的同步和异步上,这样的话应该设同步. PS:这样的数据绑定,建议用angular处理,拼接代码维护起来是一件很糟糕的事情. |
 | 3 irockytan Aug 7, 2015 via Android 没记错的话bootstrap的select用的是一个叫做select2的jquery插件，你看看这个插件的API |
 | 4 vmebeh Aug 7, 2015 F12 看一下有没有报错的地方，在 console 直接调试更直接；bootstrap 官网实测你的方法可用。 js 修改了 DOM 浏览器就会重新渲染，不存在 bootstrap 不渲染的问题。 |
 | 5 Biwood Aug 7, 2015 我也很好奇，怎么会不渲染，bootstrap 的 select 下拉样式本来就是原生的啊，多半是你的代码写的有问题 |
 | 6 jugelizi Aug 7, 2015 要么你用select2的异步加载方法，要么你ajax后执行$('select').select2()方法 |
Select Language