在下拉列表 select 中显示不同 DIV 中的输入值

Question

嗨，我有一个function，该888388在检查时显示了不同div中的输入值。 但我的下一个障碍是根据下拉列表显示/隐藏值。 当在下拉列表中选择一个项目时，它会显示，当它未被选择时，它会隐藏。 任何帮助都会很棒。

这是广播节目/隐藏

<script>
            function selectInt(cb) {
                var x = cb.checked ? cb.value : '';
                document.getElementById("interior").innerHTML = x;

            }
        </script>

<p id="acc" class="font-medium text-white"></p>

Answer 1

<select id="drop">
  <option value="a">a</option>
  <option value="b">b</option> 
</select>

现在只需获取更改事件并切换处理可见性的 class。

const dropElem = document.querySelector("#drop");

dropElem.addEventListener("change", function(){
  if(dropElem.value == "a"){  SOMEELEMEMENT.classList.toggle("visibilityClass")};
});