html - 如何使用同名标签捕获表单中不同字段的数据？

Question

在下面的代码中，我有两个下拉列表，在发布数据时我必须捕获任何一个下拉列表的值。所以，我使用名称字段来捕获数据。但是，这里的问题是，如果我想捕获我标记为“每月”的另一个下拉列表的值，我只能捕获我标记为“每周”的一个下拉值的数据，但我无法捕获它。

    <div class="row">
    <div class="form-group col-md" >
      <div class=" shadow bg-white rounded">
        <div class="card-header">
          <p>Frequency </p>
        </div>
        <ul class="list-group list-group-flush">
          <li class="list-group-item">
            <div class="custom-control custom-checkbox">
              <input class="custom-control-input" type="checkbox" name="frequency">
              <label class="custom-control-label pointer">
                Daily
              </label>
            </div>
          </li>
          <li class="list-group-item">
             <div class="custom-control custom-checkbox">
               <input class="custom-control-input" type="checkbox" >
               <label class="custom-control-label pointer">
                 Weekly
               </label>
               <select  class="form-control" name="frequency">
                   <option value = '' selected hidden>Choose </option>
                   <option value="Weekly - Sunday">Sunday </option>
                   <option value="Weekly - Monday">Monday </option>
                   <option value="Weekly - Tuesday">Tuesday </option>
                   <option value="Weekly - Wednessday">Wednessday </option>
                   <option value="Weekly - Thursday">Thursday </option>
                   <option value="Weekly - Friday">Friday </option>
                   <option value="Weekly - Saturday">Saturday </option>
               </select>
             </div>
           </li>
          <li class="list-group-item">
           <div class="custom-control custom-checkbox">
              <input class="custom-control-input" type="checkbox">
              <label class="custom-control-label pointer">
                Monthly
              </label>
              <select  class="form-control" name="frequency">
                  <option selected hidden>Choose </option>
                  {% for days in range(1,32) %}
                    <option value="monthly - {{days}}">{{days}}</option>
                  {% endfor %}
              </select>
            </div>
          </li>
         </ul>
      </div>
    </div>

标签： htmlbootstrap-4