How to make a name select?

Question

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> 
</select>

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>

HTML

elyse.Schamberger asked September 26th 19 at 11:29

Related questions

More answers about "How to make a name select?"

2 answers

moriah_Nolan answered on · Answer 1 · 2019-09-26T11:31:15.524Z

moriah_Nolan answered on 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

Melyssa answered on · Answer 2 · 2019-09-26T11:33:15.526Z

Melyssa answered on 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.