【问题标题】:select2 on select data-select2-id attribute added in all div before select optionselect2 on select data-select2-id 属性在选择选项之前添加到所有 div
【发布时间】:2020-09-15 16:22:24
【问题描述】:

我正在使用 select2,当有人在选择下拉列表中选择值时。 select2 将 data-select2-id 添加到 select2 之前的所有 div 中,data-select2-id 值不一样但每次都增加。

请看下图

      $(function () {
        //Initialize Select2 Elements
        $('.select2').select2()
      });
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css">
</head>
<body>
  
      <div class="row">
        <div class="form-group">
          <label>Minimal</label>
          <select class="form-control select2" style="width: 100%;">
            <option selected="selected">Alabama</option>
            <option>Alaska</option>
            <option>California</option>
            <option>Delaware</option>
            <option>Tennessee</option>
            <option>Texas</option>
            <option>Washington</option>
          </select>
        </div>
      </div>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.full.min.js"></script>
  </body>
</html>

【问题讨论】:

  • 嗨,Saini,你能改一下你的问题吗?你想达到什么目标?
  • 我想停止在整个页面中添加data-select2-id。以及为什么会发生
  • 如果您查看文档页面,您可以看到它也发生在他们的示例中。这意味着它是 select2 功能的一部分,而不是您的用例。这也意味着你应该在他们的 github 上查看问题,如果你没有找到例如这个:github.com/select2/select2/issues/5921 然后你应该创建自己的并从那里获取它。看到它是相同的图像,我将假设您发布了该问题。您应该编辑它并添加您的示例,并告知它发生了,例如这里:select2.org/getting-started/basic-usage
  • @Hyperdingo 我不知道这是我第一次在 select2 中发生这种情况,当你标记 github 问题时,是的,我已经提出了这个问题,但仍然没有更新,我正在处理一些事情。所以我在这里也发布了这个问题以及示例,以便每个人都可以通过单击代码来查看。这弄乱了我的代码data-select2-id 部分
  • @DeepakSaini 我在一个项目中使用 select2 v4.0.3,它似乎没有添加这个“data-select2-id”。也许您可以改用那个版本?

标签: javascript jquery-select2


【解决方案1】:

它可能不是你要找的东西,但如果你用它代替它,我不会发生这种情况。

我还不得不把里面单独放在一些页面上。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-05-08
    • 2016-02-29
    • 2023-01-22
    • 2017-08-25
    • 1970-01-01
    • 1970-01-01
    • 2018-06-12
    • 1970-01-01
    相关资源
    最近更新 更多