展开“ HTML选择”以在选择另一个“选择”时显示其选项列表

Question

我有2个HTML Select字段。我要做的就是当我从第一个Select字段中选择一个选项时，它将触发一个事件，该事件将从第二个Select字段中扩展选项。

<!-- Select 1 -->
<select>
  <option value="1">First</option>
  <option value="2">Second</option>
  <option value="3">Third</option>
  <option value="4">Fourth</option>
</select>

<!-- Select 2 -->
<select>
  <option value="0">Opt 1</option>
  <option value="1">Opt 2</option>
</select>

在这种情况下，当用户从“选择1”字段中选择一个选项时（无论此选项是什么），我都希望始终展开第二个选择字段以显示选项。

我看过这篇文章（Is it possible to use JS to open an HTML select to show its option list?），但是我没有想出解决方案。

有什么方法可以使用JS或jQuery或任何其他库来实现？ 预先感谢！