Jquery 在多个“选择”选项卡上隐藏选定选项

给定以下html

    <select name="question_order[]" id="data1">
      <option value="">None</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
    <br />
    <select name="question_order[]" id="data2">
      <option value="">None</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
    <br />
    <select name="question_order[]" id="data3">
      <option value="">None</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>

没有一个
1.
2.
3.


没有一个
1.
2.
3.


没有一个
1.
2.
3.

如果已在data1和data2上选择了选定选项，如何隐藏/删除data3上的选定选项

例如，如果我在data1上选择1，然后在data2上选择2，我如何删除data3上的这两个选项

先谢谢你。问候。

检查Js小提琴

---

典型的作业

给定以下html

如果您能向我们展示您所启动的内容，我们将不胜感激检查链接选择jQuery插件，它可能会给出您的想法。至少可以等到今天早上让他们汗流浃背，以为他们必须交上自己的工作。。。

$('#data1').on('change', function() {
    var val=this.value;
   $("#data3").find("option:contains("+val+")").remove();
 });

$('#data2').on('change', function() {
     var val=this.value;
  $("#data3").find("option:contains("+val+")").remove();
});

$('#data3').on('change', function() {

});