Question

我在我的MVC应用程序中添加了一个多选jQuery小部件。我可以使用复选框填充多选列表框中的数据，并能够选择数据。我无法将所选数据发布到Controller。在互联网上搜索了很多，但我无法做到。

这是我的代码。

查看：

<script type="text/javascript">
    jQuery.noConflict();
    jQuery(function () {
        jQuery("#printers").multiselect(
            {
                click: function (event, ui)
                {
                    jQuery.post('@Url.Action("Device/Create")', { value: ui.value }, function (data) { }, 'json'); 
                }
            });
    });  
</script>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>DataBE</legend>
     <h2>Create Data</h2>
         <div id="lists" style="float: left; width: 200px; line-height: 40px; margin-right: 30px"> 
                <select multiple="multiple" id="printers" name="printers" size="10">
                    @foreach (var names in @Model.SeletedPrinters)
                    {
                        var optionID = "option" + names.Value;                                                  
                        <option value="@optionID">@names.Text</option>
                    }
                </select>
                </div>   
        }

控制器：

  [HttpPost]
        public ActionResult Create(DataWrapper wrapper, List<string> selectedValues, FormCollection collection)
{
}

请帮助我如何将所选数据从列表框传递给控制器。

Answer 1

在我看来，您在此处发布的脚本之前没有引用jquery库。

尝试在脚本之前添加此库：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>

如何将jQuery multiselect值从View传递给Controller

1 个答案: