Как сделать в select что-то вроде placeholder?

2074

21 декабря 2016, 03:04

Здравствуйте. Есть

<select name="s">
     <option></option>
</select>

В этом select несколько значений option . И когда select еще не развернут, в нем по умолчанию виден первый option.

Вопрос: Каким образом сделать чтобы по умолчанию там был мой текст, а когда развернуть этот селект, в нем моего текста уже не было?

Answer 1

Let me Google it for you (Вопрос заданный тысячу раз, где только можно) Под линком - оригинальный тред на SO.com

<select onclick = 'this.children[0].remove()'>
    <option value="" disabled selected>Select your option</option>
    <option value="hurr">Durr</option>
</select>
//Слегка модифицированный код под нужды спрашивающего. Суть поясняет, все красивости добавляются по вкусу

UPD: Более "качественная" реализация на голом css+html.

option[default] { 
  display: none; 
}

<select> 
  <option value="" default disabled selected>Select your option...</option> 
  <option value="hurr">Hurr</option> 
  <option value="durr">Durr</option> 
</select>