ビューページを読み込んだ後に余分に選択したオプションをプッシュする方法は？

Question

まあ、Chosenの完全なページを読み込んだ後で、余分なオプションを追加するのに苦労しています。ページロードの前に値を添付しているときはうまく動作します。しかし、ページの読み込みが完了した後でも、画像内に同じようにchosenに値を追加することはできません。 ここでは、プロジェクトを選択し、譲受人のリストがajaxから来ています。しかし、私はこれらの譲受人をこの選ばれたリストに加えることはできません。 私が選択したリスト

$('.chosen-results').append("<li class='active-result' data-option-array-index='10'>Buddy</li>") 

に値を追加するjavascriptのこのタイプを使用しているそれはちょうど、リストに値を追加していますが、このリストには、選択することができません。新しい追加オプションをクリックすると、そのオプションが消えて消えてしまいます。私はひどくこれの適切な解決策が必要です、私はこの問題を解決するのに疲れて静かです。助けてください。

Answer 1

あなたはoptionselectに要素を追加する必要があります。選択結果にliを追加する必要はありません。その後、chosen:updatedイベントを使用して再構築します。

var selectElem = $("select"); 

//Append option 
selectElem.append($("<option>", { 
    value : "new Value", 
    text: "Buddy" 
}); 

//Update 
selectElem.trigger("chosen:updated"); 

Answer 2

第一あなたはオプション

$('.chosen-results').append("<li class='active-result' data-option-array-index='10'>Buddy</li>") 

あなたはそれがliをだと確信しているを追加しますか？

第二トリガーliszt:updatedイベント：

$('.chosen-results').trigger("liszt:updated");