如何根据更改时另一个下拉选择器的值设置多个下拉选择器的值？

Question

编辑：发布问题并神奇地开始工作：/也许是因为我删除了警报？

所以我有一个下拉选择器，它应该代表构成国家/地区列表的一组下拉选择器的默认值。

这是我尝试过的众多代码排列之一：

$("#edit-ip-ban-setdefault").change(function () {
  var selected = this.selectedIndex
  $(".form-type-select").each(function() {
    $('.form-select').attr('selectedIndex', selected);
    $(".form-select").val(selected).change();
  });
});

以下是默认下拉列表的相关HTML：

<select class="form-select valid" name="ip_ban_setdefault" id="edit-ip-ban-setdefault" selectedindex="1">
  <option value="0"></option>
  <option value="1"> Read Only </option> 
  <option selected="selected" value="2"> Complete Ban </option>
</select>

以下是我希望在更改时更新的众多下拉列表之一的HTML：

<div class="form-item form-type-select form-item-ip-ban-AF">
  <select class="form-select valid" id="edit-ip-ban-af" name="ip_ban_AF">
    <option selected="selected" value="0"></option>
    <option value="1">Read Only</option>
    <option value="2">Complete Ban</option>
  </select>
</div>

我使用的是jQuery 1.7，但理想情况下，解决方案适用于1.5到1.10。