Как я могу изменить параметры выбора с помощью JavaScript?

Question

У меня есть выбор с нужными мне опциями, когда я выбираю опцию, еще два исчезают в одном и том же выборе

<select class="select cf-select" name="customfield_10303" id="customfield_10303">
                <option value="">None</option>
                                <option value="10200">Opened</option>
                            <option value="10201">Closed</option>
                            <option value="10202">Escalated</option>
                            <option value="10203">Handled</option>
                            <option value="10204">Deferred</option>
                            <option value="10205">Reopened</option>
                            <option value="10206">Could Not Be Resolved</option>
        </select>

это HTML-код, который мне нужен код JavaScript, когда я выбираю открытые Только эскалированные и отложенные отображаются только

Answer 1

Как именно они вам нужны disappear? Здесь я просто удаляю их из DOM.

const selector = document.querySelector("select");

selector.addEventListener("click", addActivityItem);

function addActivityItem(event) {
  let options = selector.querySelectorAll("option");
  for (let i = 0; i < options.length; i++) {
    if (options[i].value !== event.target.value) options[i].remove()
  }
}

<select>
  <option>One</option>
  <option>Two</option>
</select>