javascript - 填充下拉列表选择

Question

我遇到一个问题，我有 3 个选择输入日期(日月年)。我想使用相应的隐藏输入字段值来填充它们。有人知道如何使用 jquery 做到这一点吗？

顺便说一句，所有内容都在同一个文件中，隐藏字段中的值应分别填充其父级选定的框

<select class="day dateselect">
  <option>5</option>
  <option>6</option>
  <option>7</option>
</select>
<select class="month dateselect">
  <option data-date='1'>January</option>
  <option data-date='2'>February</option>
  <option data-date='3'>March</option>
</select>
<select class="year">
  <option>2010</option>
  <option>2011</option>
  <option>2012</option>
</select>
<input type="hidden" id="startDate" value="2010/1/18"/>

<select class="day dateselect">
  <option>17</option>
  <option>18</option>
  <option>19</option>
</select>
<select class="month dateselect">
  <option data-date='1'>January</option>
  <option data-date='2'>February</option>
  <option data-date='3'>March</option>
</select>
<select class="year">
  <option>2010</option>
  <option>2011</option>
  <option>2012</option>
</select>
<input type="hidden" id="endDate" value="2011/3/19"/>

<select class="day dateselect">
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>
<select class="month dateselect">
  <option data-date='1'>January</option>
  <option data-date='2'>February</option>
  <option data-date='3'>March</option>
</select>
<select class="year">
  <option>2010</option>
  <option>2011</option>
  <option>2012</option>
</select>
<input type="hidden" id="birthDate" value="2010/1/1"/>

谢谢。

Answer 1

获取每个隐藏输入的值，将其拆分并设置前面元素的值:

$('input[type="hidden"]').each(function(_,el) {
    var date = el.value.split('/');
    $(this).prevAll('.day').first().val(date.pop());
    $(this).prevAll('.month').first().find('option[data-date="'+date.pop()+'"]').prop('selected',true);
    $(this).prevAll('.year').first().val(date.pop());
});

FIDDLE