Javascript “选择”中的多个选项只能选择一次

我是javascript新手，有以下问题：

在HTML中，我有多个具有相同选项列表的select元素。（在本例中为2。）
如果您在第一个选择中选择了“选项1”，那么如何使您不能在第二个选择元素中选择“选项1”。
此外，当您在第一次选择中选择“选项2”时，您应该可以再次选择
第二个选项为“选项1”，但不是“选项2”

这是html的外观：

<select id="1">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
  <option value="4">Option 4</option>
</select>

<select id="2">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
  <option value="4">Option 4</option>
</select> 

选择1
选择2
选择3
选择4
选择1
选择2
选择3
选择4

这是我为js找到的：

我试着用它来解决我的问题，但没用

你能帮我吗？

---

如果这很简单，我很抱歉。

为每个标记分配id，创建一个Javascript函数，在select上添加或删除特定选项

---

所包含的示例应该有效

我想这就是你想要的。如果选择了其他选项，则隐藏该选项并显示它

$（函数（）{
$（“#sel1”）.change（function（）{
var selection=$（this.find（“：selected”）.val（）；
$（'sel2选项'）.show（）；
var el=$（'#sel2选项[value=“”+selection+'“]'）。toggle（）；
});
});

选择1
选择2
选择3
选择4
选择1
选择2
选择3
选择4
你能发布如何尝试解决你的问题吗？什么是“它不起作用”？链接的答案工作完美，因此您需要向我们展示您的代码，我们可以提供帮助。