选择的插件不起作用

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%" });

请注意，井号/井号符号表示：

选择具有给定id属性的单个元素。

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

选择的插件不起作用

问题描述

1 个解决方案

解决方案1
1 2017-08-19 20:41:54

选择的插件不起作用

问题描述

1 个解决方案

解决方案1 1 2017-08-19 20:41:54

解决方案1
1 2017-08-19 20:41:54