Скрытие опции в раскрывающемся списке

Question

Я пытаюсь выборочно скрыть параметры в раскрывающемся списке, используя атрибут 'hidden'. Пожалуйста, взгляните на jsfiddle, в котором я скрываю «самый тихий» вариант.

$('#quietest').prop('hidden', 'hidden'); 

При нажатии стрелки в списке выпадающего «бесшумная» опция успешно скрытом (только «быстрый» и «сбалансированный» перечислены), однако, пользователь все еще может выбрать «бесшумный» вариант с использования клавиатура. Это ожидаемое поведение для «скрытого» атрибута? Как правильно скрыть, чтобы его больше не выбирали? Необходимо также легко отобразить эту опцию (поэтому предпочтительно не удалять опцию).

Answer 1

Вы можете попробовать так:

Fiddle - hiding with hidden property

$('#quietest').prop('disabled', true).prop('hidden', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="dptcentres_edit"> 
 
    <option value="fastest">Fastest</option> 
 
    <option selected="true" value="balanced">Balanced</option> 
 
    <option id='quietest' value="quietest">Quietest</option> 
 
</select>

EDIT

Благодаря @ billyonecan свой комментарий, я заменил метод сокрытия, вместо того, чтобы использовать hidden свойство, я использую CSS display атрибут и установить его ни для того, чтобы скрыть элемент , Как он правильно заявляет, hidden свойство isn't supported by all browsers.

Fiddle - Hiding with CSS display attribute

$('#quietest').prop('disabled', true).css('display', 'none');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="dptcentres_edit"> 
 
    <option value="fastest">Fastest</option> 
 
    <option selected="true" value="balanced">Balanced</option> 
 
    <option id='quietest' value="quietest">Quietest</option> 
 
</select>

Answer 2

Использование hide. Скрывая option, его нельзя выбрать.

$('#quietest').hide().prop('disable', true); 

DEMO

Answer 3

Чтобы перестать быть выбран, добавьте disabled а

$('#quietest').prop('disabled', true).hide();