如何隐藏下拉列表中的选定选项

Question

我想通过javascript隐藏/显示下拉菜单中的选定选项。

<select id="yselect" class="custom-select" size="3">

                <option value="population">Population</option>
                <option value="trafficHour">Average Traffic Hour</option>
                <option value="grossIncome">Gross Annual Income</option>
</select>

Answer 1

您可以隐藏：

CSS

#yselect option:selected{
    display:none;
}

jQuery

$('#yselect option:selected').hide();