ColorPicker()

[alt5000]

Понятно. Спасибо - попробую

[alt5000]

Сообщение от Andkorol

Потому, что цвета вы указали только для элементов <option>, а для самого <select> цвет используется по-умолчанию(#fff), независимо от вашего выбора.

Чтоб менять это цвет - используйте событие onchange, или jquery change(), и передавайте в обработчик события выбранный цвет. А обработчик уже должен заменить фоновый цвет самого <select>(по его ID).

Что - то не получается. Сам элемент формируется так

PHP код:

echo("<select name=\"color\" id=\"sel_col\" onchange=\"set_color_sel();\">"); 


Тело функции

function set_color_sel()
{
	alert('!!!');
	var a = document.GetElementById('sel_col');
	a.style="background-color:#"+a.value;
	alert(a.style);
}

Но что-то не отрабатывает, кроме первого алерта

Попробывал и такой вариант (вообще не работает)

function set_color_sel()
{
	alert('!!!');
	var a = document.GetElementById('sel_col');
	a.style.background-color=#"+a.value;
	alert(a.value);
}

[Andkorol]

PHP код:

<script type="text/javascript">
function set_color_sel(id, value)
{
    document.getElementById(id).style.backgroundColor = value;
}
</script>

<select name="color" id="sel_col" onchange="set_color_sel(this.id, this.value);">
  <option value="white" style="background-color:white;">Выберите цвет</option>
  <option value="red" style="background-color:red;">Красный</option>
  <option value="yellow" style="background-color:yellow;">Желтый</option>
  <option value="green" style="background-color:green;">Зеленый</option>
</select> 


[alt5000]

Да, отлично. Спасибо. Хотел просто без передачи аргументов сделать (ну раз элемент заранее известен и всегда будет одним и тем же, то и обратиться можно к нему сразу из функции, считать значение и его же изменить). Но, видимо, себя не перехитрить

[Andkorol]

Сообщение от alt5000

Хотел просто без передачи аргументов сделать (ну раз элемент заранее известен и всегда будет одним и тем же, то и обратиться можно к нему сразу из функции, считать значение и его же изменить). Но, видимо, себя не перехитрить

Не в этом дело - просто это недальновидно.
Завтра вам понадобится на этой же странице сделать такой же функционал для другого элемента(или ещё для нескольких).
А ID элемента намертво прописан в вашей функции.
Ваши действия?
Копи-паст точно такой же функции, только с новым ID..?

А так - передал новые параметры в ту же функцию, и всё.
В этом и есть назначение функций - возможность многократного использования определенного блока кода.

[alt5000]

Да. Согласен с Вами. Еще раз спасибо за содействие.