mvc listboxクライアント側に項目を追加しますか？

Question

私はビューのListBoxにバインドしているビューモデルに格納された電子メールのコレクションを持っています。

@Html.TextBox("txtAddEmail") <img id="btnAddEmail">Add Email</img> 
@Html.ListBox("Emails", Model.Emails) 
@Html.ValidationMessageFor(m => m.Emails) 

私は、ユーザーがtxtAddEmailテキストボックスにそれらを入力してメールを追加して、クライアント上のリストボックスに電子メールを追加します追加画像]ボタンをクリックすることができるようしたいのですが。フォームが投稿されると、ニュースメールがメールコレクションに表示されます。私はアイテムを追加するクライアントコードを手に入れましたが、投稿時には電子メールコレクションに新しい電子メールが含まれていません。

var emailToAdd = $("#txtAddEmail").val(); 

$('#Emails'). 
    append($("<option></option>"). 
    attr("value", emailToAdd). 
    text(emailToAdd)); 

どのようにすればいいですか？

UPDATE

私は、電子メールは、クライアントに追加この

@Html.ListBox("EmailAdded", Model.Emails) 

を使用してのViewModelの値に1つの項目を追加することができましたEmailAdded文字列値に現れますが、どのように行います私はそれをコレクションに追加しましたか？私は電子メールのリストに直接バインドしようと決めました。クライアントのリストボックスに追加した後、ビューモデルに追加された電子メールは表示されません。何か案は？

@Html.ListBoxFor(model => model.Emails, new MultiSelectList(Model.Emails, "Id", "Address")); 
@Html.ValidationMessageFor(m => m.Emails) 

UPDATE

彼らは、私がリストボックス内のアイテムのポスト上のフォームのコレクションに表示していることをかなり確信している私はhere

Answer 1

にあなたのjQueryの要素を変更してみてください：

append($("<option selected='selected'></option>") 

あなたも持っていることを確認してください：

<select multiple="multiple"> 

Answer 2

を探していた答えを見つけることが選択する必要があります。だから、これを回避するには、通常、フォームが送信されるたびにアイテムを選択するjQuery関数があります。

持っている。このようなあなたの送信ボタン：このような

<input type="submit" onclick="SelectEmails();" /> 

と機能：

function SelectEmails() 
{ 
    $("#Emails option").attr("selected", "selected"); 
}