Получить текст элемента из select

276
30 августа 2017, 17:33
<select multiple>
<option value="1">Выберите вариант 1</option>
<option value="2">Выберите вариант 2</option>
<option value="3">Выберите вариант 3</option>
</select>

Есть такой select, нужно определять текст опции при смене варианта, например при смене на "Вариант 2" будет выскакивать его "Выберите вариант 2"

console.log($(this).text());

не работает, использую select'ы от materialize

У меня идет событие $("select").on('change', function() {}); и this это кликнутый элемент, например, console.log($(this).val()); выдает правильный value

Answer 1

Всё что надо это брать option:selected, https://api.jquery.com/selected-selector/

$("select").on('change', function() { 
  // Это если селект один на странице  
  var selectedText = $('select option:selected' ).text(); 
   
  // Для конкретного селекта, где выбираются options 
  //var selectedText = $('option:selected', this).text(); 
  console.log(selectedText);   
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<select multiple> 
    <option value="1">Выберите вариант 1</option> 
    <option value="2">Выберите вариант 2</option> 
    <option value="3">Выберите вариант 3</option> 
</select>

READ ALSO
Работа с элементом DOM

Работа с элементом DOM

Не знаю, правильно ли я охарактеризовал свой вопрос, но суть такова: Есть структура

203
Контент страницы показать на другой?

Контент страницы показать на другой?

Здравствуйте ! Помогите на html страницы выводить контент другой страницыIframe не катит, так как надо чтобы было еще кликабельно, а здесь получается...

373
Как изменить частоту звука в JS?

Как изменить частоту звука в JS?

Мне нужно, чтобы по исполнению функции аудио не только замедлялось, но и изменяло частоту звука

339
Фраймворк Codeignither. Что означает строчка?

Фраймворк Codeignither. Что означает строчка?

Ребят подскажите что означает эта строчка только по русски)

298