option中css失效,option.style.display =“ none”在野生动物园中不起作用

HTML：

hello

I'M THE CHOSEN ONE

asd

wer

qwe

JS：

var sel = document.getElementById("asd");

var optnz = sel.getElementsByTagName("option")[1];

sel.value = optnz.value;

optnz.style.display = "none";

如您所见，它在chrome中有效，但在safari中不起作用。它应该做的是，当您单击下拉菜单时，隐藏“ I’M THE CHOSEN ONE”选项。

相同的HTML，这是JS：

var sel = document.getElementById("asd");

var opt = document.createElement("option");

opt.innerHTML = "YAYA";

opt.value = "YAYA";

sel.appendChild(opt);

sel.value = "YAYA";

opt.style.display = "none";

无论如何，我需要做的是显示一个选定的选项(当前)，并在打开下拉菜单时向用户隐藏，以便他无法选择它。

有什么建议/解决方法吗？我没有看到任何错误。Safari有什么问题？我应该改变方式吗？jQuery似乎无济于事。

编辑：

我需要隐藏下拉菜单中的选项，但同时我需要将此选项“值”显示为所选值！例如，“关闭”下拉列表将显示值“ I’M THE CHOSEN

ONE”，但如果单击并打开菜单，则唯一可见的选项将是“ hello，asd，wer，qwe”。