Select2 JavaScript不改变默认选择

Select2 JavaScript not changing select from default

本文关键字：默认 选择 改变 JavaScript Select2      更新时间：2023-09-26

我试图在我的Asp.net网站上实现Select2 JavaScript，但无论我尝试什么，它似乎都没有实现，只是显示选择控件，因为它通常是这样做的。我试过改变我的脚本，看看select2网站上的例子，但似乎不能得到它。

我猜可能是遗漏了一些小细节，下面是我的代码:

@model AssignerWebTool.Models.CreateUserModel
@{
ViewBag.Title = "Create User";
}
<head>
<title></title>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" />
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function () {
$("help").select2();
});
</script>
<select id="help" class="help">
    <option value="AL">Alabama</option>
    <option value="WY">Wyoming</option>
</select>
</body>

您的jQuery选择器错误!在DOM中没有称为help的元素。有一个Id为help的元素。所以你可以使用Id选择器(使用#)

试试这个

$(document).ready(function () {
   $("#help").select2();
});

还需要确保以正确的顺序加载脚本。您的布局将定义一个scripts部分，并且您应该仅在相同的scripts部分中调用页面级脚本。

应该可以。

<select id="help" class="help">
    <option value="AL">Alabama</option>
    <option value="WY">Wyoming</option>
</select>
@section scripts
{
  <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
  <link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" />
  <script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>
  $(function () {
     $("#help").select2();
   });   
}
相关文章：