Javascript 下拉框/组合框中已选定的项目应反映为单击标签上的选定项

我在我的网站中使用标签作为输入元素的属性，这将帮助盲人用户。我的代码中有Combobox/下拉框来输入日期（月/日）格式。当前，如果只有一个下拉列表，例如选择国家，然后单击标签，已经选择的国家将反映为已选择，这是可以的。我使用了Jquery的以下代码：

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

但在日期格式的情况下，有用于“ExpiryDate”的“父项”下的“子项”标签。因此，在本例中，我上面编写的Jquery不起作用。Jquery对于单个下拉列表和TEXT框来说工作得很好。但我想选择第一个子月，即应选择已选择月份的月份。请帮助我，以便我能实施它。我想处理的是，当用户点击标签时，文本框、单个下拉列表和组合框/多个相关下拉列表中已经输入/选中的项目应该显示为选中。我的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>

*有效期
*有效期
月
简
二月
破坏
四月
也许
六月
七月
八月
九月
十月
十一月
12月
*有效期
白天
1.
2.
3.
4.
5.
6.

这是您所期望的吗

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

---

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

这是您所期望的吗

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

---

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

但它只适用于文本框和简单组合框。但我想要的是，如果一个标签与多个表单字段连接，则单击标签文本时应自动选择第一个选项。您不能嵌套

标签

。是否有其他方法可以选择单击标签上的第一个子元素？@user4956321请解释一下，你到底想用你的代码做什么？但它只适用于文本框和简单的组合框。但我想要的是，如果一个标签与多个表单字段连接，则单击标签文本时应自动选择第一个选项。您不能嵌套

标签

。是否有其他方法可以选择单击标签上的第一个子元素？@user4956321请解释一下，你到底想用你的代码做什么？