Получаем значение(value) + текст option js

"Получить значение(value) option". Получим текст option через javascript. Примеры получения значений из тега option.

Подробно о получении значения(value) и текста из option

1. Получаем значение из option javascript
Скачать
2. Получаем текст из option javascript
Скачать

Получаем значения(value) из option javascript

Для того, чтобы получить значение из тега вам понадобится:

Тег select.

В него помещаем id, чтобы мы могли обратиться к тегу.

Добавим в него несколько атрибутов, чтобы нельзя было оставить данный пункт без изменений... и после выбора из пунктов... нельзя было вернуться по умолчанию!

selected="" disabled="" hidden="" value=""

+ Немного стилизации.

Тег option.

В каждый тег option добавим "value" со значением : Один, Два, Три

value="Один"

+ нам потребуется кнопка button + добавим туда onclick.

<button onclick="value_option()">Получи value option </button>

Соберем код Html:

<div class="select">

<select id="option_javascript">

<option selected="" disabled="" hidden="" value="">Получи значение из option</option>

<option value="Один">1</option>

<option value="Два">2</option>

<option value="Три">3</option>

</select>

</div>

<button onclick="value_option()">Получи value option </button>

Javascript

Далее вам потребуется "javascript", чтобы обработать нажатие на кнопку.

При клике на кнопку сработает функция "value_option".

Одним из способов обратиться к тегу + добавляем "value" + условие if js:

if( option_javascript .value )

В alert помещаем "текст" этот самый value ...

alert("Текст внутри option value : \"" + option_javascript .value + "\"" );

Иначе(else) :

alert("Нужно выбрать один из пунктов");

Соберем весь код:

Код получения значения(value) из option javascript

Html:

<div class="select">

<select id="option_javascript">

<option selected="" disabled="" hidden="" value="">Получи значение из option</option>

<option value="Один">1</option>

<option value="Два">2</option>

<option value="Три">3</option>

</select>

</div>

<button onclick="value_option()">Получи value option </button>

Javascript

<script>

function value_option()

{

if( option_javascript .value )

{

alert("Текст внутри option value : \"" + option_javascript .value + "\"" );

}

else

{

alert("Нужно выбрать один из пунктов");

}

}

</script>

Пример получения значения(value) из option javascript

Для того, чтобы получить "значение(value) из option javascript" нужно выбрать один из пунктов "option" и нажать кнопку "Получи value option"


1 2 3 Получи value option



Получаем текст из option javascript

Для того, чтобы получить "текст из option javascript" вам понадобится:

Выше приведенная теория и код.

Немного его изменим и ваш код будет получать не value, а текст...

Что надо изменить?

Меняем id - он должен быть уникальным.

Меняем в коде "html" название функции и в js на другое, например :

text_option()

В функции также заменяем id:

option_javascript_2.value

Ну... и... первый алерт также заменяем!

alert("Текст внутри option \"" + option_javascript_2. options[option_javascript_2.selectedIndex].innerHTML + "\"" );

Код получения текста из option javascript

Код "получения текста из option javascript" не буду публиковать... надеюсь вы все поняли, а если нет и хотите его скачать, то см. здесь

Пример получения текста из option javascript

Вам остается протестировать работоспособность кода "получения текста из option javascript".

Для этого нужно выбрать один из "option" и нажать кнопку Получи текст из option:

1 2 3 Получи текст option