Изменить значение select при изменении другого select

let form = document.querySelector('form')
let filterByIncome = form.income_filter_history
let filterByExpense = form.expense_filter_history

filterByIncome.addEventListener('change', () => {
  let defaultOption = [...filterByExpense.options].findIndex(option => option.getAttribute('value', '1'))
  filterByExpense.selectedIndex = defaultOption
  form.submit()
})

filterByExpense.addEventListener('change', () => {
  let defaultOption = [...filterByIncome.options].findIndex(option => option.getAttribute('value', '1'))
  filterByIncome.selectedIndex = defaultOption
  form.submit()
})

<form method="POST">
  <select name="month_filter_history">
    <option disabled>Период</option>
    <option value="1">Ноябрь 2020</option>
    <option value="2">Октябрь 2020</option>
    <option value="3">Сентябрь 2020</option>
  </select>

  <select name="income_filter_history" id="income_select">
    <option disabled>Категории зачислений</option>
    <option value="1">Test 1</option>
    <option value="2">Test 2</option>
    <option value="3">Test 3</option>
  </select>

  <select name="expense_filter_history" id="expense_select">
    <option disabled>Категории расходов</option>
    <option value="1">Test 1</option>
    <option value="2">Test 2</option>
    <option value="3">Test 3</option>
  </select>
</form>