Javascript 同步2个选择框

我有两个选择框：

<select name="county" id="countyselect">
 <option value="Dixie">Dixie</option>
 <option value="Hernando">Hernando</option>
 <option value="Holmes">Holmes</option>
 <option value="Jackson">Jackson</option>
 <option value="Liberty">Liberty</option>
 <option value="Putnam">Putnam</option>
</select>
<select name="site" id="siteselect">
 <option value="Florahome">Florahome</option>
 <option value="Green Swamp">Green Swamp</option>
 <option value="NE Jackson County">NE Jackson County</option>
 <option value="N Holmes County">N Holmes County</option>
 <option value="S Liberty County">S Liberty County</option>
 <option value="Suwannee">Suwannee</option>
</select>

---

有什么想法吗？

你想要的是

prop

，而不是

attr

。比如：

function matchUp(selected, toselect)
{
  var idx = selected.prop('selectedIndex');
  toselect.prop('selectedIndex', idx);
}


$('#countyselect').change(
  function() {
    matchUp($('#countyselect'), $('#siteselect'));
  }
);

$('#siteselect').change(
  function() {
    matchUp($('#siteselect'), $('#countyselect'));
  }
);

功能匹配（已选择，待选择）
{
const idx=selected.prop（'selectedIndex'）；
toselect.prop（'selectedIndex'，idx）；
}
$（“#countyselect”）。更改(
函数（）{
匹配（$（'countyselect'），$（'siteselect'）；
}
);
$（'#siteselect'）。更改(
函数（）{
匹配（$（'siteselect'），$（'countyselect'）；
}
);

迪克西
赫尔南多
福尔摩斯
杰克逊
自由
普特南
弗洛拉霍姆
绿色沼泽
东北杰克逊县
N霍姆斯县
S自由县
苏万尼
您想要的是
prop
，而不是
attr
。比如：

function matchUp(selected, toselect)
{
  var idx = selected.prop('selectedIndex');
  toselect.prop('selectedIndex', idx);
}


$('#countyselect').change(
  function() {
    matchUp($('#countyselect'), $('#siteselect'));
  }
);

$('#siteselect').change(
  function() {
    matchUp($('#siteselect'), $('#countyselect'));
  }
);


功能匹配（已选择，待选择）
{
const idx=selected.prop（'selectedIndex'）；
toselect.prop（'selectedIndex'，idx）；
}
$（“#countyselect”）。更改(
函数（）{
匹配（$（'countyselect'），$（'siteselect'）；
}
);
$（'#siteselect'）。更改(
函数（）{
匹配（$（'siteselect'），$（'countyselect'）；
}
);

迪克西
赫尔南多
福尔摩斯
杰克逊
自由
普特南
弗洛拉霍姆
绿色沼泽
东北杰克逊县
N霍姆斯县
S自由县
苏万尼