javascript - 选择在动态填充选项时更新占位符文本

Question

我正在使用 Chosen 并通过 AJAX 调用动态加载选项。一切正常，但如果 AJAX 调用的结果为空，我不知道如何更改占位符文本。

例如:

<select name="test" multiple="multiple" data-placeholder="Make a selection" 
    id=MyChosenSel"></select>

当没有选择任何东西时，该框有一个占位符，上面写着“进行选择”。如果 AJAX 调用返回 null，我想让它说“没有可用的选项”。

我希望它能工作:

$('#MyChosenSel').data('placeholder',"No Options").trigger("chosen:updated");

有什么想法吗？

Answer 1

要更改选择的文本占位符，您应该在所选配置中使用 placeholder_text 选项，例如使用:

$("#myChosen").chosen({
   placeholder_text:"my custom placeholder text"
 });