поле SELECT и его значение

[vah-smile]

Как узнать значение из SELECT не по значению VALUE, а то, что прописано в OPTION? Тоисть если мы выбрали VALUE=1 то как получить слово "Москва"?

<select class="select" id="ot">
    <option value="0" class="silver">- выберите город -</option>
    <option value="1">Москва</option>
    <option value="2">С. Петербург</option>
</select>

[ksa]

Как узнать значение из SELECT не по значению VALUE, а то, что прописано в OPTION?

У селекта есть свойство selectedIndex, там хранится номер выбраного оптион... Зная это и получив массив всех оптион селекта бери innerHTML нужного оптион.

Вот примерчик из МСДН

var coll = document.all.tags("SELECT");
if (coll.length>0) {
    for (i=0; i< coll(0).options.length; i++)
        alert("Element " + i + " is " + coll(0).options(i).text +
		    " and has the value " + coll(0).options(i).value);
}

[monolithed]

Вот примерчик из МСДН

Если проводить аналогию со средневековьем, то за такие примеры сжигали на костре!

<form action="" method="post">
    <select>
        <option selected="selected" disabled="disabled">- выберите -</option>
        <option>1</option>
        <option>2</option>
    </select>
</form>
<script type="text/javascript">
window.onload = function(){
    document.getElementsByTagName('select')[0].onchange = function(){
        alert('выбрано: ' + this.options[this.selectedIndex].value); //если в value будут значения то заменить на innerHTML 
    };
};
</script>

[рони]

monolithed,
Повторяюсь уже ))) но где value здесь <option>1</option> ? тут только text!!!

Как узнать значение из SELECT не по значению VALUE, а то, что прописано в OPTION? Тоисть если мы выбрали VALUE=1 то как получить слово "Москва"?

<form action="" method="post" >
    <select class="select" id="ot" onchange="alert(this.options[this.selectedIndex].text);">
    <option value="0" class="silver">- выберите город -</option>
    <option value="1">Москва</option>
    <option value="2">С. Петербург</option>
    </select>
</form>

[ksa]

за такие примеры сжигали на костре

Не к тому претензии... Копирнул что было под рукой...

[monolithed]

Повторяюсь уже ))) но где value здесь <option>1</option> ?

В конкретном случае работает.
К тому же я сделал сноску, что если будет использоваться value, то заменить на innerHTML

тут только text!!!

не забывайте тогда, что:

node.text || node.textContent

<form action="" method="post">
    <select>
        <option selected="selected" disabled="disabled"  value="0">- выберите -</option>
        <option value="1">Москва</option>
        <option value="2">С. Петербург</option>
    </select>
</form>
<script type="text/javascript">
window.onload = function(){
    document.getElementsByTagName('select')[0].onchange = function(){
        alert('выбрано: ' + this.options[this.selectedIndex].innerHTML);
    };
};
</script>

[рони]

В конкретном случае работает.

В Google Chrome и Internet Explorer проверьте ваш код с value
и у элемента Option есть свойство кросбраузерное техт поэтому нет необходимости в

не забывайте тогда, что:
node.text || node.textContent