Блог

Главная - Вопросы по программированию - выберите 2 при выборе данных-выберите 2-атрибут id, добавленный во все div перед выбором опции

выберите 2 при выборе данных-выберите 2-атрибут id, добавленный во все div перед выбором опции

#javascript #jquery-select2

#javascript #jquery-select2

Вопрос:

Я использую select2, когда кто-то выбирает значение в раскрывающемся списке выбора. select2 добавлен data-select2-id во все div, которые предшествуют select2, не одинаковое 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>

Комментарии:

1. Эй, Саини, не могли бы вы перефразировать свой вопрос? Чего вы хотите достичь?

2. я хочу остановить добавление data-select2-id по всей странице. и почему это происходит

3. Если вы посмотрите на страницу документации, вы можете увидеть, что это происходит и в их примерах. Это означает, что это часть функциональности select2, а не ваш вариант использования. Это также означает, что вам следует изучить проблемы на их github, и если вы не найдете, например, этот: github.com/select2/select2/issues/5921 Затем вы должны создать свой собственный и взять его оттуда. Видя, что это одно и то же изображение, я предполагаю, что вы опубликовали эту проблему. Вы должны отредактировать его и добавить свой пример, а также сообщить, что это происходит, например, здесь: select2.org/getting-started/basic-usage

4. @Hyperdingo это не функция select2, поскольку вы видите мой код, когда я выбираю что-либо в раскрывающемся списке выбора, он добавляется data-select2-id на мою страницу, и когда вы делитесь официальной страницей select2, ничего подобного не происходит. вы можете больше увидеть это в меню проверки

5. @DeepakSaini Я использую select2 версии 4.0.3 в проекте, и, похоже, он не добавляет этот «data-select2-id». Возможно, вы можете использовать эту версию вместо этого?

Ответ №1:

вероятно, это не то, что вы ищете, но если вы используете <input> вместо <select> , у меня этого не произойдет.

Мне также пришлось поместить <input> внутри отдельного <div> на некоторых страницах.