Как поменять местами option:selected в двух select-элементах?

Question

[Филип]

Не получаеться поменять города местами, при нажатии на кнопку:

<div class="select-wrapper">
        <select class="airport-select__departure">
            <option value="1" selected>London(LGW)</option>
            <option value='2'>Paris(SHG)</option>
            <option value='3'>Vancouver(VAI)</option>
        </select>
        <button class="select-swap">&nbsp;</button>
    </div>

    <select class="airport-select__arrival">
        <option value='1' selected>New York(JFK)</option>
        <option value='2'>London(LGW)</option>
        <option value='3'>Vancouver(VAI)</option>
    </select>

Answer 1

[Алексей Шашенков]

Вот так
Банально заменив value