我有三个下拉列表,一个列表在页面加载时填充,不会更改.第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)
我对这一切都很陌生,所以想要一些帮助.