我想用Ajax更改动态列表的选项。 这是我的代码(简化为了更方便):
//Ajax request here ....
$('#my_select').empty();
$('#my_select').append(new_options_in_html);
到目前为止,以前的选项已删除,并且插入了新选项 在#my_select列表中(使用Firebug进行检查)。 问题是新选项不会显示在列表中。
看似Chosen插件会为显示生成此代码:
<div id="my_select_chzn" class="chzn-container chzn-container-single chzn-container-single-nosearch" style="width: 27px;" title="">
<a class="chzn-single chzn-default" tabindex="-1">
<span>Select an option</span>
<div>
<b></b>
</div>
</a>
<div class="chzn-drop">
<div class="chzn-search">
<input type="text" autocomplete="off" readonly="">
</div>
<ul class="chzn-results"></ul>
</div>
</div>
“假”选项应该显示在ul chzn-results中,但是 在我的情况下没有任何事情发生。
$('#my_select').trigger('chosen:updated');
不起作用。
$('#my_select').toggle('chosen:updated');
列表显示为粗略的html,并在选项更改时消失。
有人可以帮助我吗?
感谢您提前。