Динамический текст.
 

Друзья, есть селект:
<select id="mat_id">
<option>ткань</option>
<option>бриз</option>
<option>алюминий</option>
<option>пластик</option>
</select>
Подскажите пожалуйста, как в первый оптион перед "ткань" добавить стоимость из переменной?
Добавляю:

<option><div id="price"></div>ткань</option>

var p=750;
document.getElementById("price").innerHTML(p+"руб. ");

Не работает.
Заранее спасибо!

oneplus, синтаксис не верен. Должно быть:

document.getElementById("price").innerHTML = p+"руб. ";

И вроде как в <option> нельзя вставлять <div>

Спасибо за ответ, и да, ничего не изменилось.
Возможно кто подскажет как быть в этой ситуации?

Может так?

<select id="mat_id">
    <option>ткань</option>
    <option>бриз</option>
    <option>алюминий</option>
    <option>пластик</option>
</select>

<script>
    var select = document.getElementById('mat_id'), p = 750;
    var newOpt = new Option(p + ' руб.', '', true, true);

    select.add(newOpt, select.options[0]);
</script>

Большое спасибо за ответ, но в моем случае очень и очень желательно использовать такой скрипт, который просто добавит.
Поэтому надеюсь, что возможно сделать здесь еще, что нибудь.

Метод true быдлокодера:

<select id="mat_id">
    <option>ткань</option>
    <option>бриз</option>
    <option>алюминий</option>
    <option>пластик</option>
</select>

<script>
    var select = document.getElementById('mat_id'), p = 750;
    var optValue = select.options[0].innerHTML; 
    select.options[0].innerHTML = p + 'руб. ' + optValue; 
</script>

Select нужный лучше на сервере формировать.