Javascript 使用jquery.validate选择2设置未定义错误

我正在使用

Select2

作为下拉列表。即使单击“内部”下拉列表，也会出现以下错误：

只有在表单内部使用select2时才会发生此错误，而在表单外部，select2工作正常

这是我的密码：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>
    <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
    <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

<script type="text/javascript">
    $("#ddlUsers").select2();
</script>
<form class="form-horizontal">
    <div class="form-group">
          <label class="col-sm-2 control-label">Add User</label>
          <div class="col-sm-10">
               <select id="ddlUsers" class="form-control" multiple="multiple">
                   <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                </select>
           </div>
     </div>
     <div class="form-group">
           <div class="col-sm-offset-2 col-sm-10">
               <button type="button" onclick="onAddclick();return false;" class="btn btn-primary">Add User</button>
            </div>
      </div>
</form>

$（“#ddlUsers”）。选择2（）；
添加用户
1.
2.
3.
添加用户

在Select2示例中，他们使用类来定义所选选项。您是否尝试过这种方法，因为jQuery可能会使用ID属性进行其他操作

此外，标签的ID通常与输入字段的ID相同。“Inspect”图像显示JavaScript/jQuery代码生成了六（6）个错误

其中至少有两（2）个错误是由于“设置”的类型错误造成的。由于原始帖子中没有包含此代码，因此很难使用提供的信息诊断您的问题

---

查看“Inspect”显示的错误诊断信息，并更改代码以避免这些错误。

如果是这种情况，我不是100%，但是当表单包含动态添加的元素时，可能会发生此错误，这些元素未经jQuery.validate

初始化。validator

（未设置validator属性/对象）。然后，作为验证过程的一部分，可以访问新元素的

.validator

对象的

.settings

属性，但它不在那里。我建议尝试在表单上运行

.validate（）。我也尝试过使用类名。您是否尝试过将其包装到文档中。ready（function（）{}）所有6个错误都是相同的错误。如果您继续单击下拉列表，它们将继续增加。