相关疑难解决方法(0)

jquery bootstrap selectpicker基于先前列表选择的刷新列表

我有三个下拉列表,一个列表在页面加载时填充,不会更改.第2和第3列表可能会根据选择而改变.此功能正常.

我已经尝试将Bootstrap selectpicker添加到选择器中,我可以看到它正在工作 - 遗憾的是列表根据选择没有刷新.我实际上认为"幕后"他们是我可以看到传递的查询,但通过前端没有任何反应.

部分HTML:

<!-- SelectPicker -->
<link href='//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/css/bootstrap-select.min.css' rel='stylesheet' type='text/css'>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

前两个DDL是通过php创建的,但是

<select id='ddl_first_lookup' onchange='ajaxFirstOnChange(this.value)' value='' class='selectpicker'></option>
<select id='ddl_second_lookup' onchange='ajaxSecondOnChange(this.value)' class='selectpicker'>
<select id="ddl_third_lookup" onchange='ajaxThirdLookup(this.value)' class='selectpicker'></select>
Run Code Online (Sandbox Code Playgroud)

我有以下Javascript:

$(document).ready(function() {  
  $(".selectpicker").selectpicker();
});
Run Code Online (Sandbox Code Playgroud)

这是我发现问题的地方,我试图在ajax中对变更函数实现这一点而没有成功 - 甚至不确定它是否正确.

$('.selectpicker').selectpicker('refresh');
Run Code Online (Sandbox Code Playgroud)

我对这一切都很陌生,所以想要一些帮助.

javascript ajax jquery twitter-bootstrap

31
推荐指数
3
解决办法
8万
查看次数

标签 统计

ajax ×1

javascript ×1

jquery ×1

twitter-bootstrap ×1