title: How to swap selected option in 2 select elements?
body: <p>I use 2 select element and i can't swap the cities in the select field, when the button is clicked:</p>
  
  <p><a href="https://i.stack.imgur.com/mHg4Y.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mHg4Y.jpg" alt="enter image description here"></a></p>
  
  <pre><code>&lt;div class="select-wrapper"&gt;
      &lt;select class="airport-select__departure"&gt;
          &lt;option value="1" selected&gt;London(LGW)&lt;/option&gt;
          &lt;option value='2'&gt;Paris(SHG)&lt;/option&gt;
          &lt;option value='3'&gt;Vancouver(VAI)&lt;/option&gt;
      &lt;/select&gt;
      &lt;button class="select-swap"&gt;&amp;nbsp;&lt;/button&gt;
  &lt;/div&gt;
  
  &lt;select class="airport-select__arrival"&gt;
      &lt;option value='1' selected&gt;New York(JFK)&lt;/option&gt;
      &lt;option value='2'&gt;London(LGW)&lt;/option&gt;
      &lt;option value='3'&gt;Vancouver(VAI)&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>