How to make a name select?

There is a list:
<select onchange="document.getElementById('select-seria').src=this.options[this.selectedIndex].value;"> 
<option>Select quality</option> 
<option value="....">270</option> 
<option value="....">360</option> 
<option value="....">480</option> 

For branding made of:
<option>Select quality</option>
But when I the error occurs. How to make so that when opening the select element had no <option>Select quality</option>
September 26th 19 at 11:29
2 answers
September 26th 19 at 11:31
Two options:
<optgroup>selecting a quality</optgroup>
<option disabled>Select quality</option>
optgroup does not solve the problem at all, in FF and Chrome do not displays the "Select quality" option disabled Yes, does not select the option, but it displays it in the drop-down list. - Melyssa commented on September 26th 19 at 11:34
September 26th 19 at 11:33
Another option:
<option style="display: none;">quality Choice</option>

Of course, it is better to declare a class .hidden in the style and to specify the class instead of writing inline style.
UPD: Check in IE, older versions definitely did not work.

Find more questions by tags HTML