C# 模型没有MVC4中ListBoxFor的值

我能够在列表框中显示从控制器到视图的控件值。但是，当我将值从一个列表框移动到另一个列表框并发布视图时，控制器端的模型不会保留列表框中的值

这是我的模型 这是我的视图和JavaScript

@使用（Html.BeginForm（））
{
@Html.TextBoxFor（m=>Model.Department，新的{id=“txtDepartment”}）
@Html.ListBoxFor（m=>Model.AvailableEmpCodeArray，新的MultiSelectList（Model.availableEmployee，“EmpCode”，“EmpName”，Model.AvailableEmpCodeArray），新的{id=“lbxAvailableEmployees”}）




@Html.ListBoxFor（m=>Model.SelectedEmpCodeArray，新的MultiSelectList（Model.SelectedEmployee，“EmpCode”，“EmpName”，Model.SelectedEmpCodeArray），新的{id=“lbxSelectedEmployees”}）
}
$（文档）.ready（函数（）
{  
$（“#b选择员工”）。单击（函数（e）
{ 
var SelectedEmps=$（“#lbxAvailableEmployees选项：selected”）；
如果（SelectedEmps.length==0）
{  
e、 预防默认值（）；
}
$（'#lbxSelectedEmployees'）.append（$（SelectedEmps.clone（））；
$（SelectedEmps.remove（）；
e、 预防默认值（）；
});  
$（'#btunselectemployee'）。单击（函数（e）
{  
var SelectedEmps=$（“#lbxSelectedEmployees选项：selected”）；
如果（SelectedEmps.length==0）
{  
e、 预防默认值（）；
}  
$（'#lbxAvailableEmployees'）。追加（$（SelectedEmps.clone（））；
$（SelectedEmps.remove（）；
e、 预防默认值（）；
});  
});

在

HttpPost

操作中，您不能期望填充

可用员工

和

所选员工

集合。这是由于HTML工作方式的本质。提交表单时，仅将选定的值发送到服务器。提交表单时，选择字段的文本值不会发送到服务器

因此，您希望在这个HttpPost操作中填充的只是

AvailableEmpCodeArray

和

SelectedEmpCodeArray

集合。它们将在相应的选择字段中包含所选项的值。请注意，我选择了加粗的。这意味着，只有在相应框中选择任何项，这些集合才会被绑定。如果您不选择任何内容，它们将保持为空，这是完全正常的

下面是一个未选择任何内容的用户示例。他只是使用

按钮在列表之间切换值，但请注意，完全没有选择任何内容：

注意如何选择“无”？这就是你在控制器操作中得到的一切-什么都没有

现在请与以下屏幕截图进行比较：

你看到区别了吗？注意用户是如何明确选择

Emp2

、

Emp5

和

Emp6

值的（使用Shift键选择多个值）？这就是你在HttpPost行动中要得到的。

AvailableEmpCodeArray

集合将包含一个值为

2

的元素，

SelectedEmpCodeArray

将包含两个值为

5

和

6

的元素

现在谈谈你的第二个问题。如果要从HttpPost控制器操作重新显示相同的视图，首先需要确保已为

AvailableEmployee

和

SelectedEmployee

集合分配了值。这应该以与HttpGet操作相同的方式完成：

model.AvailalableEmployee.Add(new Employee(1,"Emp1"));
model.AvailalableEmployee.Add(new Scenario(2,"Emp2"));
model.AvailalableEmployee.Add(new Scenario(3,"Emp3"));

model.SelectedEmployee.Add(new Scenario(4,"Emp4"));
model.SelectedEmployee.Add(new Scenario(5,"Emp5"));
model.SelectedEmployee.Add(new Scenario(6,"Emp6"));

---

或者，如果这些值来自数据库，则必须在HttpPost操作中重新查询该数据库，因为正如我已经解释的，这些值永远不会从视图中绑定。

感谢Darine的快速响应。如何获取存储在两个列表框中的值？用户将选择从一个列表框到另一个列表框的值，然后在单击“提交”按钮之前执行其他操作。如果要将这些值发送到服务器，用户必须选择这些值。这就是HTML的工作原理，请学习HTML的基础知识。如果用户没有选择任何内容，无论您在选择框之间切换，都不会向服务器发送任何内容。我会用截图更新我的答案，让你们明白我的意思。是的，我是HTML新手，正在学习HTML的基础知识……有没有其他方法可以在controller中获取值？我已经用截图更新了我的答案。希望你现在能理解。必须选择要发送到服务器的值。这就是HTML的工作原理。另外，如果你是HTML新手，我强烈建议你在进入ASP.NETMVC之前就开始学习这个网站。如果你不知道HTML的基本知识，你真的不需要浪费时间在ASP.NET MVC上，因为你会发现很多奇怪的东西，你很难理解它们。谢谢Darin…在我的例子中，值是在移动时选择的，但是用户可以执行其他操作，例如修改部门名称，取消选择其他一些值。当用户单击submit时，更改应保存到数据库中。为了做到这一点，我需要知道列表框和更改列表中的原始值列表……因此，看起来我必须找到其他方法来实现这一点。

namespace MvcApplication1.Controllers
{
    public class EmployeeController : Controller
    {
        public ActionResult EmployeeDisplayTool()
        {   
            EmployeeViewModel model = new EmployeeViewModel();

            model.Department = "Techology"
            model.AvailalableEmployee.Add(new Employee(1,"Emp1"));
            model.AvailalableEmployee.Add(new Scenario(2,"Emp2"));
            model.AvailalableEmployee.Add(new Scenario(3,"Emp3"));

            model.SelectedEmployee.Add(new Scenario(4,"Emp4"));
            model.SelectedEmployee.Add(new Scenario(5,"Emp5"));
            model.SelectedEmployee.Add(new Scenario(6,"Emp6"));
            return View(model);
        }
        [HttpPost]
        public ActionResult EmployeeDisplayTool(EmployeeViewModel model)
        {
            //model.Department is populated as "Technology"

            //All of the follownig collections are null.
            //model.AvailalableEmployee is null.
            //model.AvailableEmpCodeArray is null.

            //model.SelectedEmployee is null.
            //model.SelectedEmpCodeArray is null.
        }
    }
}

@using (Html.BeginForm())
{
<table id="MainTable" border="0">  
<tr>
    <td colspan="3">
        @Html.TextBoxFor(m => Model.Department, new { id = "txtDepartment" })
    </td>
</tr>
<tr>     
    <td>
       @Html.ListBoxFor(m => Model.AvailableEmpCodeArray, new MultiSelectList(Model.AvailalableEmployee, "EmpCode", "EmpName", Model.AvailableEmpCodeArray), new { id = "lbxAvailableEmployees" })
    </td>         
    <td>
        <input type="button" id="btnSelectEmployee" value=" >> "/>
        <br/>
        <br/>
        <input type="button" id="btnUnSelectEmployee" value=" << "/>
    </td>
    <td>
         @Html.ListBoxFor(m => Model.SelectedEmpCodeArray, new MultiSelectList(Model.SelectedEmployee, "EmpCode", "EmpName", Model.SelectedEmpCodeArray), new { id = "lbxSelectedEmployees" })
    </td>         
</tr> 
</table>
}

<script type="text/javascript">
    $(document).ready(function() 
    {  
        $('#btnSelectEmployee').click(function(e) 
        { 
            var SelectedEmps = $('#lbxAvailableEmployees option:selected');  
            if (SelectedEmps.length == 0) 
            {  
                e.preventDefault();
            }
            $('#lbxSelectedEmployees').append($(SelectedEmps).clone());  
            $(SelectedEmps).remove();  
            e.preventDefault();  
        });  

        $('#btnUnSelectEmployee').click(function(e) 
        {  
            var SelectedEmps = $('#lbxSelectedEmployees option:selected');  
            if (SelectedEmps.length == 0) 
            {  
                e.preventDefault();  
            }  
            $('#lbxAvailableEmployees').append($(SelectedEmps).clone());  
            $(SelectedEmps).remove();  
            e.preventDefault();
        });  

    });
</script>

model.AvailalableEmployee.Add(new Employee(1,"Emp1"));
model.AvailalableEmployee.Add(new Scenario(2,"Emp2"));
model.AvailalableEmployee.Add(new Scenario(3,"Emp3"));

model.SelectedEmployee.Add(new Scenario(4,"Emp4"));
model.SelectedEmployee.Add(new Scenario(5,"Emp5"));
model.SelectedEmployee.Add(new Scenario(6,"Emp6"));