另一个下拉列表中的下拉列表活动选项

Question

我正在尝试创建一个可以选择一个选项的下拉列表，而另一个下拉列表出现在其他选项中。但是不起作用。

代码不显示任何错误。有人可以帮助我吗？

遵循代码

第一个html下拉列表：

<select id="eassociado" name="eassociado" required>
 <option disabled selected value> -- Selecione uma opção -- </option>
  <option class="lista">ABRAPP</option>
  <option class="lista">ABAAI</option>
  <option class="lista">IBGC</option>
  <option class="lista">ABRACAM</option>
  <option class="lista">ABBC</option>

 </select>

第二个下拉列表：

<select name="ingresso" id="chkveg" required>

        <option  class="associadoEntidade" value="https://pag.ae/7ULKQLB9m">Associados Entidades Apoiadoras + C.Dados = R$940,00</option>

        <option  class="associadoEntidade" value="https://pag.ae/7ULKQZk-m">Associados Entidades Apoiadoras Normal = R$1.125,00</option>

        </select>

JS：

 var lista = document.querySelectorAll(".lista");

var associadoEntidade = document.querySelectorAll(".associadoEntidade");
console.log(associadoEntidade);

for(var i = 0; i < associadoEntidade.length; i++){

       associadoEntidade[i].style.display = "none"; 


if (lista.selected==true){

        associadoEntidade[i].style.display = "block"; 



  }
}