Получить значения доп. полей select-option
 

Доброго времени суток, поделитесь, пожалуйста, если кто знает как в js получить значение из option комбобокса. например

<select name="element">
<option group_id=30 value=1>1</option>
<option group_id=31 value=2>2</option>
<option group_id=32 value=3>3</option>
</select>

так вот хотелось бы получить group_id из выбранного опшена. если невозможно прикрепить туда собственный атрибут, скажите, возможно ли получить хотя бы его родную опцию label?

elem.options[elem.selectedIndex]

elem.group_id

дописываем в select onChange='getGroupId()', пишем

function getGroupId()
{
elem = document.getElementsByName('element');
alert(elem.group_id);
}

получаем undefined. это я пробовал первым делом. как получить значение поля и value знаю, но соль в том что нужен именно мой атрибут. мб есть другие варианты?

нужно использовать на выбранном option. Как найти выбранный я писал выше.

elem.options[elem.selectedIndex].group_id также выдает undefined(

да, я немного ошибся: левые атрибуты не дублируются в свойства, их нужно получать через getAttribute. Полный рабочий пример:

<select onchange="alert(this.options[this.selectedIndex].getAttribute('group_id'));">
<option group_id="1">1</option>
<option group_id="2">2</option>
<option group_id="3">3</option>
<option group_id="4">4</option>
</select>

огромное спасибо!

любые атрибуты надо получать через getAttribute
кроме случая, когда знаешь на 100% что данный атрибут перейдет в какое-то свойство(возможно с другим именем)
более того для произвольтного "левого атрибута" я не уверен, что можно гарантировать кросбраузерный доступ хоть каким-то способом.

И в надежде на будущий dataset api называть левые атрибуты лучше так:

<option data-group-id="1">1</option>

завтра проверю кроссбраузерность. главное, что уже есть на что опираться) если "левый" атрибут не пойдет, есть один путь отступления - использовать родной label.