Jq 下拉框chosen之后,动态改变dropdown的数据

最新推荐文章于 2022-02-12 21:36:20 发布

原创最新推荐文章于 2022-02-12 21:36:20 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jq #dropdown #chosen #动态数据

前端js/jq 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何使用jQuery插件Chosen实现在JavaScript中动态更新下拉框的内容。通过清空并重新填充选项，最后触发'liszt:updated'事件来完成更新。

Jq 下拉框chosen之后,想要动态改变dropdown的数据,用:$("#dropdownId").trigger("liszt:updated");

demo:
$("#dropdownId").empty();
$("#dropdownId").append("<option value=\"All\">All</option>");
for(var item in items){
   $("#dropdownId").append("<option value=\"" + items[item] + "\">" + items[item] + "</option>");
}
$("#dropdownId").trigger("liszt:updated");

就可以实现动态改变dropdown的数据.