Значение id должно быть уникальным в dreamweaver?

Question

Почему его показ похож на несколько идентификаторов.

Что я делаю не так в этом

        <div class="btn-group btn-group-sm" role="group">
          <button id="startHour" type="button" class="btn btn-secondary" data-toggle="dropdown" href="#">hour</button>

            <div class="dropdown-menu" aria-labelledby="startHour">
              <a class="dropdown-item" href="#">1</a>
              <a class="dropdown-item" href="#">2</a>
              <a class="dropdown-item" href="#">3</a>
              <a class="dropdown-item" href="#">4</a>
              <a class="dropdown-item" href="#">5</a>
              <a class="dropdown-item" href="#">6</a>
              <a class="dropdown-item" href="#">7</a>
              <a class="dropdown-item" href="#">8</a>
              <a class="dropdown-item" href="#">9</a>
              <a class="dropdown-item" href="#">10</a>
              <a class="dropdown-item" href="#">11</a>
              <a class="dropdown-item" href="#">12</a>
            </div>
            <span style="color:white; background-color:#5A6268">:</span>
 <div class="btn-group btn-group-sm" role="group">
          <button id="startMinute" type="button" class="btn btn-secondary" 
  data-toggle="dropdown" href="#">min</button>
          <div class="dropdown-menu" aria-labelledby="startMinute">
            <a class="dropdown-item" href="#">00</a>
            <a class="dropdown-item" href="#">05</a>
            <a class="dropdown-item" href="#">10</a>
            <a class="dropdown-item" href="#">15</a>
            <a class="dropdown-item" href="#">20</a>
            <a class="dropdown-item" href="#">25</a>
            <a class="dropdown-item" href="#">30</a>
            <a class="dropdown-item" href="#">35</a>
            <a class="dropdown-item" href="#">40</a>
            <a class="dropdown-item" href="#">45</a>
            <a class="dropdown-item" href="#">50</a>
            <a class="dropdown-item" href="#">55</a>
          </div>
 </div>
          <button type="button" class="btn btn-secondary">am</button>
          <button type="button" class="btn btn-secondary">zone</button>
          <button type="button" class="btn btn-primary">Set</button>

      </div>
    </td>
    <td>
      <div class="btn-group btn-group-sm" role="group">
        <button type="button" class="btn btn-secondary">hour</button>
        <button type="button" class="btn btn-secondary">min</button>
        <button type="button" class="btn btn-secondary">am</button>
        <button type="button" class="btn btn-secondary">zone</button>
        <button type="button" class="btn btn-primary">Set</button>
    </div>

    </td>

  </tr>

Здесь я использую то же самое для выпадающего списка. startHour и startMinute - это уникальный идентификатор, который я использую для выпадающего списка часов и минут, а также он используется более 20 раз. Для немногих выпадающих это показывает, что идентификатор должен быть уникальным. что это значит ..

Answer 1

В html каждый тег должен быть уникальным.Если вам нужен один и тот же идентификатор для 2-х элементов, пора подумать.Для получения дополнительной информации нажмите здесь

Answer 2

в javascript идентификатор dom, как публичная переменная ； пример, этот domObject находится в window.a;поэтому идентификатор должен быть уникальным;