javascript - 选择框隐藏下拉列表中的第一个选项条目？

Question

是否可以隐藏第一个选项，即 <option>Select One</option>当用户单击下拉框以查看选项时。所以文本 Select One 没有出现在列表中

Answer 1

因为没有可靠的跨浏览器方式来隐藏 option元素，最好的办法是在 focus 上删除它并在 blur 上再次添加:

jQuery(document).ready(function () {
    var first = jQuery('#myselect').find('option').first();
    jQuery('#myselect').on('focus', function (e) {
        first.remove();
    }).on('blur', function (e) {
        jQuery(this).find('option').first().before(first);
    });
});

这是一个 working example