使用jQuery通过第一个下拉菜单更改第二个下拉菜单的值

Question

我想在两个下拉元素之间创建一个依赖关系。 第一个下拉菜单看起来像

mapbox_gl:
  git:
    url: git://github.com/tobrun/flutter-mapbox-gl.git

第二个下拉菜单如下

    <select name="id[6]" class="SumoUnder" tabindex="-1">
      <option value="30" selected="selected">kein zusätzl. Motiv  </option>
      <option value="27">1 zusätzl. Motiv  </option>
      <option value="28">2 zusätzl. Motive  </option>
      <option value="29">3 zusätzl. Motive  </option>
    </select>

通常应禁用第二个下拉菜单，并且只能通过单击第一个下拉菜单进行控制。这意味着，如果我选择第一个下拉菜单的第二个选项，那么第二个下拉菜单应选择第二个选项，依此类推。