时间戳

首页 > 解决方案 > 为什么在我的示例中 select2 没有初始化？

jquery - 为什么在我的示例中 select2 没有初始化？

问题描述

为什么 select2 没有初始化？我的代码非常简单。我似乎无法弄清楚我在这里做错了什么。

**js**

const $form = $("#c8ef8fd3-cc91-4e5f-a8ed-8923418098a4.png-edit-form")
$("#c8ef8fd3-cc91-4e5f-a8ed-8923418098a4.png-tags", $form).select2({
    tags: true,
    allowClear: true,
    width: "100%",
    theme: "classic",
    debug: "true",
    placeholder: "Add one or more tags"
});


  **html**

  <form id="c8ef8fd3-cc91-4e5f-a8ed-8923418098a4.png-edit-form" action="/apps/media/batch-update" enctype="multipart/form-data" method="POST">
      <select name="thetags" id="c8ef8fd3-cc91-4e5f-a8ed-8923418098a4.png-tags" multiple>
        
          <option selected="teams">teams</option>
          <option selected="sports">sports</option>
        
      </select>
</form>

标签： jqueryjquery-select2

解决方案

在 DOM 就绪代码之前，您是否在页面中包含了 jQuery？

取一个好听的id名字c8ef8fd3-cc91-4e5f-a8ed-8923418098a4.png-tags

尝试：

$(document).ready(function() {
    // $("#c8ef8fd3-cc91-4e5f-a8ed-8923418098a4.png-tags").select2();
    $("#something_nice").select2();
});

注意：跳过.您id的姓名。在 的值中使用-或。_id

推荐阅读