DANFA

Событие onclick для <option> (<select>)

HTML JavaScript
Dolphin
23.11.2018 08:17:43 pm
Для одного сайта писал редактор текста, то есть BBcode (кнопки форматирования текста). Для большего количества BBcode я использовал кнопку <button>, где я размещал событие onclick для вставки тегов в textarea: 
<button onclick="/* Код вставки тегов в textarea */">BB</button>

Для вставки тега "color" я решил использовать выпадающий список цветов: 
<select>
	<option style="background: #FF0000;" onclick="/* Код вставки тегов в textarea */">FF0000</option>
	<option style="background: #008000;" onclick="/* Код вставки тегов в textarea */">008000</option>
</select>

Вставил в каждый элемент (<option>) событие onclick, в надежде, что сработает, но как оказалось это событие не работает в элементе <option>. Порылся в интернете и нашел отличное решение, надо использовать событие onchange с использованием options [selectedIndex].value. Делаем так: 
<select onchange="createBBtag(\'[color=#\' + options [selectedIndex].value + \']\', \'[/color]\', \'text\');">
	<option style="background: #FF0000;" value="FF0000">FF0000</option>
	<option style="background: #008000;" value="008000">008000</option>
</select>

И теперь все работает!