Question

我正在尝试使用所选的插件，并且出于某种原因，它拒绝应用我的下拉菜单。在我尝试使用它之前，下拉列表中没有任何内容发生变化。这是我正在使用的视图中的HTML：

@model PnPMeetUp.Models.Employee
<!DOCTYPE html>
<html>
<head>
@{
      ViewBag.Title = "Temp";
 }
 <link href="~/Content/Chosen/chosen.min.css" rel="stylesheet" />
 <script src="~/Scripts/jquery-1.9.1.js"></script>
 <script src="~/Scripts/chosen.jquery.js"></script>
 <script type="text/javascript">
    $(document).ready(function () {
        $("dropdownA").chosen({ width: "95%" });
    });
 </script>
 </head>
 <body>
      <h2>Temp</h2>
      using (Html.BeginForm())
      {
          @Html.HiddenFor(model => model.Id)
          <label>Select Attendees</label>
          @Html.DropDownListFor(model => model.Id, new SelectList(Model.allEmployees, "Id", "Fullname"), new { id = "dropdownA" })
       }
 </body>
 </html>

以下是我在使用插件之前和之后看到的视图：

Answer 1

问题很简单，你的jQuery选择器没有返回任何匹配的元素：

$("dropdownA").chosen({ width: "95%" });

您应该使用：

$("#dropdownA").chosen({ width: "95%" });

请注意，hashtag / pound符号表示：

Select a single element with the given id attribute.

另请注意，Employee类不应包含员工列表。该任务更适合ViewBag

选择的插件不起作用

1 个答案: