Как получить значение выбранного элемента select?

Question

[rkfddf]

Вот такой код html

<div class="fat">Наружная обшивка профлистом</div>
                        <select size="1"   id="street_side">  
                            <option value="monochromatic">Однотонный цвет</option>
                            <option value="wood">Под дерево, камень, другое</option> 
                            <option selected>Не выбрано</option>
                        </select>

Как получить значение выбранного элемента select? То есть, я хочу получить слова "Однотонный цвет", "Под дерево, камень, другое", "Не выбрано".

Answer 1

[mikhailivanko]

Answer 2

[Yupiter7575]

Даешь им один класс. Например class='color_options', тогда код будет выглядеть вот так:

var opts = document.getElementsByClassName('color_options');

И просто проходишься в цикле по массиву opts, значение будет лежать в свойстве innerHTML