js I only get the selected index once [closed]

I have 2 select items.

The first one is the Handy. The Second is the Brand.

if I click on Samsung, then automatically the second select should select the index Samsung.

It works, but if I select another handy and then I go again to samsung the index are not change. Every brand works but only once, then the index stays the same.

                   [...document.querySelector(`.brand-select-add`).options]
                    .filter(x => x.value === content.records[0].id_brand)[0]
                    .setAttribute('selected', true);