セマンティックUIのドロップダウンメニューの作成方法allowAdditionsの作業

Question

セマンティックUIのドロップダウンメニューを追加しようとしていますが、これを機能させるように見えます。実際には、何かを追加したときに表示されると思われるメッセージAdd <b>{term}</b>が表示されないようです。

は、ここではhttp://jsfiddle.net/pybxztu2/8/

表示されませんメッセージを検索でタイプjohnyかどうかをテストすることは非常に簡単な例です。私がenterを押すと、それはonChangeの機能を経由します。でも、それはデフォルトでboby取りforceSelection: falseで...たぶん

私はちょうど意味で何かが欠けています：

また、bobを追加することができるだろう、このようなメニューを持つことも可能ですUIドキュメントは...

Answer 1

それが正しく例に記載されていないですが、あなたがしなければならないすべては、このようなドロップダウンの初期化中に別のオプションを追加されます。

$('.ui.dropdown').dropdown({ 
    allowAdditions: true, 
    forceSelection: false, 
    hideAdditions: false, // this line 
    onChange: function(value, text) { 
    document.getElementById('output_span').innerHTML = text 
    }, 
}); 

これは、が表示されますは、ドロップダウン

にプロパティを設定]タブ

hideAdditionsに記載されている：無効なユーザーの追加がtemplates.additionでフォーマットされた特別な形式の選択項目を使用して結果メニューに表示されますとき。