在Dreamweaver中,id值必须是唯一的?

时间:2018-04-25 08:20:20

标签: javascript html css adobe dreamweaver

为什么它显示为少数id。 ContentPresenter

我在这方面做错了什么      

        <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是唯一的id,我用它来下拉小时和分钟,而且,它使用了20多次。对于少数下拉列表,它显示id必须是唯一的。这是什么意思..

2 个答案:

答案 0 :(得分:1)

在html中,每个标签都必须是唯一的。如果你需要2个元素的相同id,那么思考课的时间。 有关详细信息click here

答案 1 :(得分:0)

在javascript中,dom的id就像一个公共变量; 例如,这个domObject在window.a中; 所以id必须是唯一的;