Javascript id值在dreamweaver中必须是唯一的？

为什么它的显示像几个id

我在这方面做错了什么

小时
:
闵
是
区
设置
小时
闵
是
区
设置

---

在这里，我使用相同的下拉列表。startHour和startMinute是唯一的id，我使用它来下拉小时和分钟，而且它使用了20多次。对于少数下拉列表，它显示id必须是唯一的。这意味着什么..

在javascript中，dom的id就像一个公共变量 示例：此domObject位于window.a中；

---

所以id必须是唯一的

在html中，每个标记都必须是唯一的。若你们们需要2个元素的相同id，那个么是时候上思考课了。

---

更多信息

意味着在代码的其他地方，您有一个带有

startHour

id的元素。请在代码中搜索。也许是复制粘贴到别处的。

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