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

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

$("#MyChosenSel").chosen({
  allow_single_deselect:true,
  disable_search_threshold: 10,
  no_results_text: "No options available",
  width: "25%"
});

在这里小提琴向您展示...... http://jsfiddle.net/mikeys4u/99Dkm/237/