Помощь с HTML и JS связью 2

В прошлой теме: Помощь с HTML и JS связью Я попросил помощи с двойным меню, которое мне великодушно сделали, за что огромное спасибо. Я бы хотел попросить совета или помощи с тем, чтобы в зависимости от выбора в factions list, менялись значения в jobs-list. Есть идеи?

const { ipcRenderer } = require('electron');


const factions = [
    {
        state: 'test1',
    },
    {
        state: 'test2',
    }
];

const jobs = [
    {
        state: 'job1',
    },
    {
        state: 'job2',
    }
];

const fselectList = document.getElementById('factions-list');

const selectList = document.getElementById('jobs-list');

factions.map((data, key) => {
  fselectList.options[key + 1] = new Option(data.state, key);
});

fselectList.addEventListener("change", () => {
  selectList.disabled = false;
  jobs.map((data, key) => {
    selectList.options[key] = new Option(data.state, key);
  })

});

document.getElementById('set-job').onclick = () => {
  ipcRenderer.send('set-rpc', jobs[selectList.value]);
}