javascript - 下拉/组合框中已选择的项目应反射(reflect)为单击标签时所选择的

Question

我在我的网站中使用输入元素的属性标签，这将帮助盲人用户。我的代码中有组合框/下拉菜单可以输入日期(月/日)格式。目前，如果只有单个下拉列表，例如选择国家/地区，然后单击标签，已选择的国家/地区将反射(reflect)为已选择，这是可以的。我用过这段Jquery代码:

$(function () {
    $('label').click(function () {
        var id = $(this).attr('for');
        $('#' + id).select();
    });
});  

但在日期格式的情况下，因为在父“标签”下有用于“到期日期”的子“标签”。所以在这种情况下我上面写的Jquery就不起作用了。该 Jquery 对于单个下拉菜单和 Textt 框工作得很好。但我想选择第一个 child ，即应选择已选择的月份。请协助我，以便我能够实现它。我想处理这个问题，当用户单击标签时，文本框、单个下拉列表和组合框/多个相关下拉列表中已输入/选定的项目应显示为选定的。我的 HTML 代码在这里:

<div class="editor-label">
  <label for="ExpiryDate">*Expiration Date</label>
</div>

<div class="editor-field">
  <label class="accessibleText" for="ExpirationMonth">
    <label for="ExpiryDate">*Expiration Date</label>
  </label>
  <select id="ExpirationMonth" name="ExpirationMonth" tabindex="0"><option value="">Month</option>
    <option selected="selected" value="1">Jan</option>
    <option value="2">Feb</option>
    <option value="3">Mar</option>
    <option value="4">Apr</option>
    <option value="5">May</option>
    <option value="6">Jun</option>
    <option value="7">Jul</option>
    <option value="8">Aug</option>
    <option value="9">Sep</option>
    <option value="10">Oct</option>
    <option value="11">Nov</option>
    <option value="12">Dec</option>
  </select>

  <label class="accessibleText" for="ExpirationDay">
    <label for="ExpiryDate">*Expiration Date</label>
  </label>
  <select id="ExpirationDay" name="ExpirationDay" tabindex="0"><option value="">Day</option>
    <option selected="selected" value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>

  </select>
</div>

Answer 1

这是你所期待的吗？

$(function () {
    $('label').click(function () {
        var id = $(this).attr('for');
        $('#' + id).focus();
    });
});

但这已经由浏览器完成了，对吧？