Javascript-форум - и снова select!

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - и снова select! (https://javascript.ru/forum/dom-window/40464-i-snova-select.html)

и снова select!

как при клике на select не показывать первый option?
Пример:
<select>
<option>Выберите Вариант</option>
<option>Вариант 1</option>
<option>Вариант 2</option>
</select>

что при клике скрывался <option>Выберите Вариант</option>!?

прочитал бы внимательно свою прошлую тему. там в комментах есть ответ на твой вопрос:

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
</head>
<body>
 <select name="content" onchange="window.location = this.value">
 <option  disabled="disabled" selected="selected">?</option>
 <option value="http://javascript.ru/forum/">1</option>
 <option value="http://yandex.ru/">2</option>
 <option value="http://www.google.ru/">3</option>
 </select>
</body>
</html>

<option disabled="disabled" selected="selected">?</option> - это та строка, которая будет показана изначально, но которую нельзя выбрать. то есть если ты так оставишь - браузер поймет что ты ничего не выбрал. в этой строке можно вместо "?" написать сам вопрос или просто "Выберите:"

Доброй ночи

вы могли бы мне помочь вот код
function appendButton(el)
{
if(el)
{
var btn = document.createElement ('div');
btn.className = 'button';
btn.innerHTML = 'Add new term';
el.appendChild(btn);
}
}
function renderButtons(selector)
{
// берем селектор и находим все элементы по классу
var divs = document.getElementsByClassName(selector);
for(var i=0; i<divs.length; i++)
{
// добавляем кнопку ко всем найденым элементам
appendButton(divs[i]);
}
}

function removeButton(el)
{
// result это результат операции, если кнопку удалось удалить то он будет true
// если нет - то false. Сейчас не используется но может быть полезно, позволяет опередлить была ли удалена кнопка или нет
var result = false; // начальное значение false
if(el) //проверяем есть ли элемент
{
// в нашем элементе находим все кнопки
var buttons = el.getElementsByClassName('button');
if(buttons.length) // если длинная массива больше 0
{
// берем последнюю кнопку из списка
var button = buttons[buttons.length-1];
// удаляем ее
button.parentNode.removeChild(button);
// удаление успешно, потому ставим true для результата
result = true;
}
}
return result; // возвращаем результат, не зависимо от того какой он
}
function removeButtons(selector)
{
// берем селектор и находим все элементы по классу
var divs = document.getElementsByClassName(selector);
for(var i=0; i<divs.length; i++)
{
// удаляем кнопку в каждом найденном элементе
removeButton(divs[i]);
}
}
прибавляется и удаляется по одной кнопки как сделать что бы добавлялось и удалялось по 2

я могу с кем то поговорить

dimous, мне нужно что-бы при клике первый option исчезал! прочитайте внимательней!)

amf1k,
:-?

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
select{
  width: 170px;
  font-size: 15px;
}
 </style>
</head>

<body>
<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
</head>
<body>
 <select name="content"  onblur="this.options[2]=new Option('Выберите Вариант', '?', true, true);" onfocus="this.options[2]=null">
 <option>Вариант 1</option>
 <option>Вариант 2</option>
 <option  disabled="disabled" selected="selected">Выберите Вариант</option>
 </select>
</body>
</html>

</body>

</html>

рони, спасибо, то что надо!!!)