從MultiSelectList

Question

返回文本和值我的觀點：

<div class="editor-label"> 
     @Html.LabelFor(model => model.UserList) 
    </div> 
    <div class="editor-field"> 
     @Html.ListBoxFor(model => model.SelectedUsers, new MultiSelectList(Model.UserList, "Key", "Value", Model.SelectedUsers)) 
     @Html.ValidationMessageFor(model => model.UserList) 
    </div> 

我的視圖模型：

public class UserListViewModel 
{ 
    public UserListViewModel() : 
     this(new List<KeyValuePair<string, string>>()) 
    { 

    } 

    public UserListViewModel(IList<KeyValuePair<string, string>> userList) 
    { 
     this.UserList = userList; 
     SelectedUsers = new List<string>(); 
    }  

    public IList<KeyValuePair<string,string>> UserList { get; set; } 
    public IList<string> SelectedUsers { get; set; } 
} 

因爲它是現在我只得到選擇的值，當我到達控制器我的UserList是空的，所以我不能再比較。有什麼辦法可以從MultiSelectList中返回值和文本，或者至少記住我的UserList的內容，直到我到達控制器？

Answer 1

Html.ListBoxFor幫手呈現<select>元素與multiple屬性。在HTML中，當您將此標記放入表單並提交表單時，只會將所選值發送到服務器。這就是HTML的工作原理。如果你想發送文本，你將不得不使用JavaScript。例如，您可以訂閱select元素的change事件，然後在表單中保留一個隱藏字段，該字段將使用所選文本的列表進行更新。但老實說，不要那樣做。在您的POST控制器操作中，只需從您在GET操作中獲取它們的相同位置獲取文本以最初顯示錶單。