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

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();