Javascript 通过从单个下拉列表中选择来更改多个下拉列表值

正如标题所说，我试图通过更改单个下拉列表来更改多个下拉列表中的值。多个下拉列表需要获得在“全选”下拉列表中选择的相同值。类似于复选框的全选

<select name="changeAll" id="changeAll" onchange="changeAll(this);">
  <option value="select" selected="selected">Select</option>
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<select id="currency1" class="form-control">
  <option selected value="option1" disabled>Option 1</option>
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<select id="currency2" class="form-control">
  <option selected value="option1" disabled>Option 1</option>
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<select id="currency3" class="form-control">
  <option selected value="option1" disabled>Option 1</option>
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

挑选
选择1
选择2
选择3
选择1
选择1
选择2
选择3
选择1
选择1
选择2
选择3
选择1
选择1
选择2
选择3

其思想是，当在第一个下拉列表“changeAll”中选择一个值时，所有其他下拉列表的值都将发生更改，以匹配在“changeAll”下拉列表中选择的值

---

在此方面的任何帮助都将不胜感激。

根据您的要求，我已尝试模拟。试着跑。Thnx

$（'select#changeAll'）。在（'change'，function（）上{
var val=$（'#changeAll:selected'）.text（）；
$（'.child已更改选项'）.map（函数（）{
$（this）.text（val_2;）；
$（this）.value=val\ux；
});
});

挑选
ca选项1
ca选项2
ca选项3
货币1选项1
货币1选项1
货币1选项2
货币1选项3
货币2选项1
货币2选项1
货币2选项2
货币2选项3
根据您的要求，我已尝试模拟。试着跑。Thnx


$（'select#changeAll'）。在（'change'，function（）上{
var val=$（'#changeAll:selected'）.text（）；
$（'.child已更改选项'）.map（函数（）{
$（this）.text（val_2;）；
$（this）.value=val\ux；
});
});

挑选
ca选项1
ca选项2
ca选项3
货币1选项1
货币1选项1
货币1选项2
货币1选项3
货币2选项1
货币2选项1
货币2选项2
货币2选项3