javascript - select2 on select data-select2-id 属性添加到所有 div before select option

标签 javascript jquery-select2

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

请看下图

enter image description here

      $(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>

最佳答案

它可能不是您要查找的内容,但如果您使用 <input>而不是 <select>这不会发生在我身上。

我还必须把 <input>在一个单独的 <div> 内在某些页面上。

关于javascript - select2 on select data-select2-id 属性添加到所有 div before select option,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63906075/

相关文章:

javascript - 使用展开运算符多次连续设置状态

javascript - 无法在 mac 上的 Meanjs 现有项目中找到本地 grunt

javascript - 如何使用 javascript 在同一窗口中打开 URL?

javascript - SELECT2 -> 添加数据而不替换内容

javascript - 我可以从自定义匹配器中访问原始 select2 匹配器吗?

javascript - 如何通过单击按钮更改视频源?

JavaScript 菜单

angular - 将 Select2 与 Angular2 组件集成的任何示例?

javascript - 以编程方式设置 Select2 ajax 的值

jquery-select2 - 通过 select2 插入,Enter 键如何像 Tab 键一样移动到下一个元素,而 Enter+Shift 键则像 Tab 键一样移动到后一个元素