Как получить текст option

Подробно о получении текст option

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

2. Получаем значение из select jquery
Скачать

Скопировать ссылку



Получаем значение из select javascript

В качестве источника описания и кодов Html... javascript возьмем пункт с этой страницы.
Html :

Описание и код Html - просто скопируем(без изменений - поэтому смысла скопировать и помещать его здесь - нет никакого!) с выше приведенной ссылки на пункт страницы.

javascript :

javascript код немного изменим, потому, что value в js и получение текста немного отличаются.

Если вы посмотрели пункт, который был приведен выше, то вы увидели вот такой код:

function foo()
{
  if( select_javascript .value)
  {
    alert("Вы нажали option " + select_javascript .value );
  }
  else
  {
    alert("Нужно выбрать один из пунктов");
  }
}


Нам нужно его изменить! Вместо получения value...

select_javascript .value

Получаем текст из options... заменяем на:

select_javascript . options[select_javascript .selectedIndex].innerHTML

Соберем весь код получения текста из options в одно целое:

function foo()

{

  if( select_javascript .value)

  {

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

  }

  else

  {

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

  }

}

Выведем пример option для получения текста через javascript :

Скачать готовый скрипт здесь

Вы можете протестировать пример кода option для получения текста через javascript :

1 2 3
Отправить
Скопировать ссылку



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

Следующий пункт - "Получаем текст из option jquery" - опять повторяем, что делали с выше приведенным пунктом:
Html и описание
Html - полностью берем вот здесь.
jquery
Нужно изменить также одну строчку... Заменяем :
$('#get_jquery').val()
На :
$( "#myselect option:selected" ).text();

Выведем пример option для получения текста через jquery:

Разместим созданный код примера option для получения текста через jquery прямо здесь:

Вы можете протестировать :

Скачать готовый скрипт option для получения текста jquery здесь

1 2 3
Отправить

Еще никто не прокомментировал! COMMENTS+   BBcode

🞨

Загрузить свой аватар

(max ширина, высота = 200px)

Подписаться + =

---