如何使用选择的 jquery 在 MVC 3 中发布多个选择值答案

【问题标题】：How to post multiple select values in MVC 3 with Chosen jquery如何使用选择的 jquery 在 MVC 3 中发布多个选择值
【发布时间】：2017-01-24 16:00:05
【问题描述】：

如何使用 Chosen jquery 插件在 MVC 3 中发布选定的值。我不知道如何发布我选择的值。到目前为止，这就是我的代码的样子..

这是我的发布表单，其中包含选择列表和提交到我的控制器的提交按钮。

@using (Html.BeginForm("Search", "Home", FormMethod.Post))
{        
    <select data-placeholder="Choose a Category..." class="chzn-select" multiple style="width: 650px;" tabindex="4">
        <option value=""></option>
        @foreach (var item in Model.Categories)
        {
            <option value="@item.Id">@item.Name</option> 
        }
    </select><br/>
    <button type="submit" value="Search" name="button">Search</button>
}

这是我正在使用的模型。

 public class CategoryModel
{
    public List<Category> Categories { get; set; }

    public CategoryModel()
    {
        Categories = new List<Category>();

        Category cat = new Category();
        cat.Id = 1;
        cat.Name = "Ekonomi";
        Categories.Add(cat);

        cat = new Category();
        cat.Id = 2;
        cat.Name = "IT";
        Categories.Add(cat);

        cat = new Category();
        cat.Id = 3;
        cat.Name = "Teknik";
        Categories.Add(cat);
    }
}

public class Category
{
    public int Id { get; set; }
    public string Name { get; set; }
}

那么如何从文本框中检索值？

【问题讨论】：

标签： jquery asp.net-mvc jquery-chosen

【解决方案1】：

我相信 cmets 将作为参数添加到函数中，因此，在控制器中：

Function Index(Optional sortOrder As String = "", Optional searchString As String = "", Optional page As Integer = 1) As ViewResult

在视图中：

@Using Html.BeginForm()

    @<p>
        Find by name: @Html.TextBox("SearchString", ViewBag.CurrentFilter)  
        <input type="submit" value="Search" />
    </p>

End Using

您也可以通过 URL 发送参数：

@Html.ActionLink("Name", "Index", New With {.sortOrder = ViewBag.NameSortParam})

注意：这是 VB。

【讨论】：

【解决方案2】：

将您的选择标签命名为：“naicsCodeSelect”
在控制器中使用 int[] "Tagname" 即：int[] naicsCodeSelect 请参阅以下示例：

在视图中：

    @Html.DropDownList("naicsCodeSelect", ViewBag.selectNAICS as    List<SelectListItem>, new { @multiple = "true", @class = "form-control col-md-7 col-xs-12 chosen-select" })

在控制器中：

[HttpPost]
    public ActionResult Edit(Industry model, int[] naicsCodeSelect)
    {
        if (!ModelState.IsValid)
       {}

【讨论】：