引导下拉列表动态 ajax 列表项
Bootstrap Dropdown dynamic ajax list items
我使用引导下拉列表,我正在尝试在显示下拉列表之前通过 AJAX 动态填充列表项。我的脚本必须从数据库中获取可用项目并将它们插入
我阻止默认事件,执行ajax并在之后触发,但是"数据"未定义,并且没有看到下拉列表。像这样的脚本通常可以正确处理表单。
$(".dropdown").on("show.bs.dropdown", function(e, data){
ths = $(this);
if (data == 'okay') return true;
e.preventDefault();
$.ajax({
type: 'POST',
url: '/core/test.php',
data: 'test'
}).done(function(response) {
$(ths).children('ul').html(response);
$(ths).trigger('click.bs.dropdown', 'okay');
});
});
.html:
<div class="dropdown">
<a data-toggle="dropdown"
class="btn dropdown-toggle">My list <b class="caret"></b>
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
...data from ajax puts here...
</ul>
</div>
我该如何解决它?谢谢。
引导事件不传递参数,在您的代码中,您希望同时e
和data
。
您应该检查ul
是否已经有孩子,如果没有获取一些并附加它们。
相关文章:
- 无法在mvc视图中使用ajax调用获取操作返回的模型对象列表
- Ajax调用ERror Cross Origin REquest:在rails中自动完成大学列表
- Spring Ajax列表返回,但对象为空
- 使用AJAX创建数据列表
- 使用Ajax或JavaScript选择下拉列表选项后,在同一页面上执行PHP脚本
- Jquery Selected plugin - 由 Ajax 动态填充列表
- ajax函数更改下拉列表值
- 从填充了 AJAX 的下拉列表中获取控制器的操作方法中的值
- 引导下拉列表动态 ajax 列表项
- ajax/jQuery Youtube 播放列表推送
- 如何使用 ajax 从 sql Server 获取单选按钮的值,并表示列表单选按钮
- 如何传递id列表's在MVC中向服务器发出AJAX请求
- AJAX请求php获取post/get发送的指定目录中服务器上的文件列表(无JQUERY)
- 基于ajax动态定位列表项
- ajax下拉列表
- ajax更新后jQuery列表刷新
- 所选列表元素不会保持选中状态(通过ajax请求更新后)
- 动态选择列表AJAX和插入数据库表通过张贴形式
- MVC 4 -级联下拉列表- Ajax JavaScript调用问题
- symfony -填充多个下拉选择列表(AJAX) -更新