Javascript 如何在silviomoreto';s引导选择

Javascript 如何在silviomoreto';s引导选择,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我使用了silviomoreto的引导选择,但我遇到了问题。 我有两个下拉列表(选择)区域下拉列表和城市。现在,我有了一个jqueryonchange函数,该函数将根据所选区域更改cities下拉列表中的值。这是我的密码: <select id="region" class="selectpicker"></select> <select id="cities" class="selectpicker"></select> $("#region"

我使用了silviomoreto的引导选择,但我遇到了问题。 我有两个下拉列表(选择)区域下拉列表和城市。现在,我有了一个jqueryonchange函数,该函数将根据所选区域更改cities下拉列表中的值。这是我的密码:

<select id="region" class="selectpicker"></select>
<select id="cities" class="selectpicker"></select>

$("#region").on('change', function () {
   $("#cities").html('<option>city1</option><option>city2</option>');
});

$(“#区域”)。关于('change',function(){
$(“#cities”).html('city1city2');
});
问题是我认为兼容性如何?当我删除class=“selectpicker”时,它可以正常工作,但我无法删除它,因为我将其用于下拉ui。我查看了这里的文档,但找不到我问题的相关答案。谢谢

试试
选择器('refresh')

要使用JavaScript以编程方式更新select,请首先操纵 选择,然后使用刷新方法更新UI以匹配 新国家删除或添加选项时,或 通过JavaScript禁用/启用选择

片段

$("#cities")
   .html('<option>city1</option><option>city2</option>')
   .selectpicker('refresh');
$(“城市”)
.html('city1city2')
.selectpicker(“刷新”);

正在工作的演示:

由于我的问题,我无法让它运行。我检查了您提供的JSIDdle,但它仍然不工作,这是因为JSIDdle css和js链接已断开。更新的小提琴哦,伙计,你是个传奇。我正要把头撞到墙上。然后看看你的答案,你为我的下拉菜单保存了meAjax绑定,效果很好。但是如果绑定下拉列表postsback,它会给我错误。System.Web.UI.Util.CheckVirtualFileExists(VirtualPath VirtualPath)处的System.Web.HttpException。知道我为什么会得到这个吗?