title: remove option from second select if already selected first
body: <p>I am trying to make a sports betting page. The User needs to select which 2 teams are playing each other.<br />
  So, I have two <code>select</code>s, and I need to remove an <code>option</code> from the second <code>select</code>, because a team can't play itself.<br />
  Here are the selects:</p>
  <pre><code>    &lt;select class=&quot;form-control&quot; name=&quot;team1&quot;&gt;
          &lt;option value=&quot;Steaua Bucuresti&quot;&gt;Steaua Bucuresti&lt;/option&gt;
          &lt;option value=&quot;CSU Craiova&quot;&gt;CSU Craiova&lt;/option&gt;
          &lt;option value=&quot;FC Viitorul&quot;&gt;FC Viitorul&lt;/option&gt;
          &lt;option value=&quot;Dinamo Bucuresti&quot;&gt;Dinamo Bucuresti&lt;/option&gt;
          &lt;option value=&quot;Pandurii Tg Jiu&quot;&gt;Pandurii Tg Jiu&lt;/option&gt;
      &lt;/select&gt;
      &lt;select class=&quot;form-control&quot; name=&quot;team2&quot;&gt;
          &lt;option value=&quot;Steaua Bucuresti&quot;&gt;Steaua Bucuresti&lt;/option&gt;
          &lt;option value=&quot;CSU Craiova&quot;&gt;CSU Craiova&lt;/option&gt;
          &lt;option value=&quot;FC Viitorul&quot;&gt;FC Viitorul&lt;/option&gt;
          &lt;option value=&quot;Dinamo Bucuresti&quot;&gt;Dinamo Bucuresti&lt;/option&gt;
          &lt;option value=&quot;Pandurii Tg Jiu&quot;&gt;Pandurii Tg Jiu&lt;/option&gt;
      &lt;/select&gt;
  </code></pre>